@norges-domstoler/dds-components 13.1.1 → 13.3.0

package/dist/cjs/components/Table/Table.stories.d.ts

@@ -41,6 +41,7 @@ export declare const Default: (args: TableProps) => JSX.Element;
 export declare const WithDividers: (args: TableProps) => JSX.Element;
 export declare const Focusable: (args: TableProps) => JSX.Element;
 export declare const Compact: (args: TableProps) => JSX.Element;
+export declare const ExtraCompact: (args: TableProps) => JSX.Element;
 export declare const StickyHeader: (args: TableProps) => JSX.Element;
 export declare const Hoverable: (args: TableProps) => JSX.Element;
 export declare const WithButtonAndIcons: (args: TableProps) => JSX.Element;

package/dist/cjs/components/Table/Table.tokens.d.ts

@@ -24,6 +24,12 @@ export declare const tableTokens: {
                 borderBottom: string;
             };
         };
+        head: {
+            extraCompact: {
+                backgroundColor: string;
+                fontSize: string;
+            };
+        };
     };
     cell: {
         density: {
@@ -33,6 +39,9 @@ export declare const tableTokens: {
             compact: {
                 padding: string;
             };
+            extraCompact: {
+                padding: string;
+            };
         };
         head: {
             backgroundColor: string;

package/dist/cjs/components/Table/Table.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type TableDensity = 'normal' | 'compact';
+export type TableDensity = 'normal' | 'compact' | 'extraCompact';
 export type TableProps = {
     /**Spesifiserer hvor romslige cellene i tabellen skal være. */
     density?: TableDensity;

package/dist/cjs/icons/tsx/hourglassBottom.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassBottom(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/hourglassDisabled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassDisabled(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/hourglassEmpty.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassEmpty(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/hourglassFull.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassFull(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/hourglassTop.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassTop(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/index.d.ts

@@ -65,6 +65,11 @@ export * from './gavel';
 export * from './help';
 export * from './helpFilled';
 export * from './home';
+export * from './hourglassBottom';
+export * from './hourglassDisabled';
+export * from './hourglassEmpty';
+export * from './hourglassFull';
+export * from './hourglassTop';
 export * from './image';
 export * from './info';
 export * from './instagram';
@@ -113,7 +118,12 @@ export * from './settings';
 export * from './sms';
 export * from './star';
 export * from './starFilled';
+export * from './starHalfFilled';
 export * from './sync';
+export * from './thumbdown';
+export * from './thumbdownFilled';
+export * from './thumbup';
+export * from './thumbupFilled';
 export * from './time';
 export * from './tingrett';
 export * from './tip';

package/dist/cjs/icons/tsx/starHalfFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function StarHalfFilled(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/thumbdown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function Thumbdown(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/thumbdownFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function ThumbdownFilled(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/thumbup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function Thumbup(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/thumbupFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function ThumbupFilled(props: SvgProps): JSX.Element;

package/dist/cjs/index.js

@@ -1507,6 +1507,46 @@ function HomeIcon(props) {
   }));
 }
 
+function HourglassBottom(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "m18 22-.01-6L14 12l3.99-4.01L18 2H6v6l4 4-4 3.99V22h12zM8 7.5V4h8v3.5l-4 4-4-4z"
+    })
+  }));
+}
+
+function HourglassDisabled(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M8 4h8v3.5l-2.84 2.84 1.25 1.25L18 8.01 17.99 8H18V2H6v1.17l2 2zM2.1 2.1.69 3.51l8.9 8.9L6 16l.01.01H6V22h12v-1.17l2.49 2.49 1.41-1.41L2.1 2.1zM16 20H8v-3.5l2.84-2.84L16 18.83V20z"
+    })
+  }));
+}
+
+function HourglassEmpty(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"
+    })
+  }));
+}
+
+function HourglassFull(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6z"
+    })
+  }));
+}
+
+function HourglassTop(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "m6 2 .01 6L10 12l-3.99 4.01L6 22h12v-6l-4-4 4-3.99V2H6zm10 14.5V20H8v-3.5l4-4 4 4z"
+    })
+  }));
+}
+
 function ImageIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -1909,6 +1949,14 @@ function StarFilledIcon(props) {
   }));
 }
 
+function StarHalfFilled(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"
+    })
+  }));
+}
+
 function SyncIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -1917,6 +1965,38 @@ function SyncIcon(props) {
   }));
 }
 
+function Thumbdown(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "m10.89 18.28.57-2.89c.12-.59-.04-1.2-.42-1.66-.38-.46-.94-.73-1.54-.73H4v-1.08L6.57 6h8.09c.18 0 .34.16.34.34v7.84l-4.11 4.1M10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22zm10-7h2V4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1z"
+    })
+  }));
+}
+
+function ThumbdownFilled(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z"
+    })
+  }));
+}
+
+function Thumbup(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "m13.11 5.72-.57 2.89c-.12.59.04 1.2.42 1.66.38.46.94.73 1.54.73H20v1.08L17.43 18H9.34c-.18 0-.34-.16-.34-.34V9.82l4.11-4.1M14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.83C7 18.95 8.05 20 9.34 20h8.1c.71 0 1.36-.37 1.72-.97l2.67-6.15c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2zM4 9H2v11h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1z"
+    })
+  }));
+}
+
+function ThumbupFilled(props) {
+  return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsxRuntime.jsx("path", {
+      d: "M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84C7 18.95 8.05 20 9.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z"
+    })
+  }));
+}
+
 function TimeIcon(props) {
   return jsxRuntime.jsx(SvgWrapper, Object.assign({}, props, {
     children: jsxRuntime.jsx("path", {
@@ -2148,11 +2228,11 @@ var renderInputMessage = function renderInputMessage(tip, tipId, errorMessage, e
 
 var colors$r = ddsDesignTokens.ddsBaseTokens.colors,
   borderRadius$9 = ddsDesignTokens.ddsBaseTokens.borderRadius,
-  font = ddsDesignTokens.ddsBaseTokens.font;
+  font$1 = ddsDesignTokens.ddsBaseTokens.font;
 var paper = {
   backgroundColor: colors$r.DdsColorNeutralsWhite,
   borderRadius: borderRadius$9.RadiiDdsBorderRadius1Radius,
-  fontFamily: font.DdsFontBodySans01FontFamily
+  fontFamily: font$1.DdsFontBodySans01FontFamily
 };
 var paperTokens = {
   paper: paper
@@ -6290,7 +6370,8 @@ var Search = Search$1;
 Search.AutocompleteWrapper = SearchAutocompleteWrapper;
 Search.Suggestions = SearchSuggestions;
 
-var colors$h = ddsDesignTokens.ddsBaseTokens.colors,
+var font = ddsDesignTokens.ddsBaseTokens.font,
+  colors$h = ddsDesignTokens.ddsBaseTokens.colors,
   border$7 = ddsDesignTokens.ddsBaseTokens.border,
   spacing$q = ddsDesignTokens.ddsBaseTokens.spacing,
   iconSizes$2 = ddsDesignTokens.ddsBaseTokens.iconSizes,
@@ -6319,6 +6400,12 @@ var row$2 = {
     withDividers: {
       borderBottom: "1px solid ".concat(colors$h.DdsColorNeutralsGray4)
     }
+  },
+  head: {
+    extraCompact: {
+      backgroundColor: colors$h.DdsColorNeutralsWhite,
+      fontSize: font.DdsFontBodySans01FontSize
+    }
   }
 };
 var cell$3 = {
@@ -6328,6 +6415,9 @@ var cell$3 = {
     },
     compact: {
       padding: "".concat(spacing$q.SizesDdsSpacingLocalX075)
+    },
+    extraCompact: {
+      padding: "".concat(spacing$q.SizesDdsSpacingLocalX025, " ").concat(spacing$q.SizesDdsSpacingLocalX05)
     }
   },
   head: {
@@ -6362,14 +6452,17 @@ var cell$2 = tableTokens.cell,
 var StyledTable$1 = styled__default.default.table.withConfig({
   displayName: "Table__StyledTable",
   componentId: "sc-bw0w0a-0"
-})(["border-spacing:0;border-collapse:collapse;*::selection{", "}", " ", " ", " ", " ", ""], selection, scrollbarStyling.webkit, scrollbarStyling.firefox, function (_ref) {
+})(["border-spacing:0;border-collapse:collapse;*::selection{", "}", " ", " ", " ", " ", " ", ""], selection, scrollbarStyling.webkit, scrollbarStyling.firefox, function (_ref) {
   var density = _ref.density;
   return styled.css(["td,th{padding:", ";}"], cell$2.density[density].padding);
 }, function (_ref2) {
-  var stickyHeader = _ref2.stickyHeader;
-  return stickyHeader && styled.css(["tr[type='head']{th[type='head']{position:sticky;top:0;z-index:50;}}"]);
+  var density = _ref2.density;
+  return density === 'extraCompact' && styled.css(["th{background-color:", ";font-size:", ";}tr[type='body']{&:nth-of-type(even){background-color:", ";}&:nth-of-type(odd){background-color:", ";}}"], row$1.head.extraCompact.backgroundColor, row$1.head.extraCompact.fontSize, row$1.body.odd.backgroundColor, row$1.body.even.backgroundColor);
 }, function (_ref3) {
-  var withDividers = _ref3.withDividers;
+  var stickyHeader = _ref3.stickyHeader;
+  return stickyHeader && styled.css(["tr[type='head']{th[type='head']{position:sticky;top:0;z-index:50;}}"]);
+}, function (_ref4) {
+  var withDividers = _ref4.withDividers;
   return withDividers && styled.css(["tr[type='body']{border-bottom:", ";}"], row$1.body.withDividers.borderBottom);
 });
 var Table$1 = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -11509,6 +11602,11 @@ exports.Heading = Heading;
 exports.HelpFilledIcon = HelpFilledIcon;
 exports.HelpIcon = HelpIcon;
 exports.HomeIcon = HomeIcon;
+exports.HourglassBottom = HourglassBottom;
+exports.HourglassDisabled = HourglassDisabled;
+exports.HourglassEmpty = HourglassEmpty;
+exports.HourglassFull = HourglassFull;
+exports.HourglassTop = HourglassTop;
 exports.Icon = Icon;
 exports.ImageIcon = ImageIcon;
 exports.InfoIcon = InfoIcon;
@@ -11589,6 +11687,7 @@ exports.SmsIcon = SmsIcon;
 exports.Spinner = Spinner;
 exports.SplitButton = SplitButton;
 exports.StarFilledIcon = StarFilledIcon;
+exports.StarHalfFilled = StarHalfFilled;
 exports.StarIcon = StarIcon;
 exports.StyledTextArea = StyledTextArea;
 exports.SyncIcon = SyncIcon;
@@ -11601,6 +11700,10 @@ exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.TextArea = TextArea;
 exports.TextInput = TextInput;
+exports.Thumbdown = Thumbdown;
+exports.ThumbdownFilled = ThumbdownFilled;
+exports.Thumbup = Thumbup;
+exports.ThumbupFilled = ThumbupFilled;
 exports.TimeIcon = TimeIcon;
 exports.TingrettIcon = TingrettIcon;
 exports.TipIcon = TipIcon;

package/dist/components/Table/Table.js

@@ -17,14 +17,17 @@ var cell = tableTokens.cell,
 var StyledTable = styled.table.withConfig({
   displayName: "Table__StyledTable",
   componentId: "sc-bw0w0a-0"
-})(["border-spacing:0;border-collapse:collapse;*::selection{", "}", " ", " ", " ", " ", ""], selection, scrollbarStyling.webkit, scrollbarStyling.firefox, function (_ref) {
+})(["border-spacing:0;border-collapse:collapse;*::selection{", "}", " ", " ", " ", " ", " ", ""], selection, scrollbarStyling.webkit, scrollbarStyling.firefox, function (_ref) {
   var density = _ref.density;
   return css(["td,th{padding:", ";}"], cell.density[density].padding);
 }, function (_ref2) {
-  var stickyHeader = _ref2.stickyHeader;
-  return stickyHeader && css(["tr[type='head']{th[type='head']{position:sticky;top:0;z-index:50;}}"]);
+  var density = _ref2.density;
+  return density === 'extraCompact' && css(["th{background-color:", ";font-size:", ";}tr[type='body']{&:nth-of-type(even){background-color:", ";}&:nth-of-type(odd){background-color:", ";}}"], row.head.extraCompact.backgroundColor, row.head.extraCompact.fontSize, row.body.odd.backgroundColor, row.body.even.backgroundColor);
 }, function (_ref3) {
-  var withDividers = _ref3.withDividers;
+  var stickyHeader = _ref3.stickyHeader;
+  return stickyHeader && css(["tr[type='head']{th[type='head']{position:sticky;top:0;z-index:50;}}"]);
+}, function (_ref4) {
+  var withDividers = _ref4.withDividers;
   return withDividers && css(["tr[type='body']{border-bottom:", ";}"], row.body.withDividers.borderBottom);
 });
 var Table = /*#__PURE__*/forwardRef(function (_a, ref) {

package/dist/components/Table/Table.stories.d.ts

@@ -41,6 +41,7 @@ export declare const Default: (args: TableProps) => JSX.Element;
 export declare const WithDividers: (args: TableProps) => JSX.Element;
 export declare const Focusable: (args: TableProps) => JSX.Element;
 export declare const Compact: (args: TableProps) => JSX.Element;
+export declare const ExtraCompact: (args: TableProps) => JSX.Element;
 export declare const StickyHeader: (args: TableProps) => JSX.Element;
 export declare const Hoverable: (args: TableProps) => JSX.Element;
 export declare const WithButtonAndIcons: (args: TableProps) => JSX.Element;

package/dist/components/Table/Table.tokens.d.ts

@@ -24,6 +24,12 @@ export declare const tableTokens: {
                 borderBottom: string;
             };
         };
+        head: {
+            extraCompact: {
+                backgroundColor: string;
+                fontSize: string;
+            };
+        };
     };
     cell: {
         density: {
@@ -33,6 +39,9 @@ export declare const tableTokens: {
             compact: {
                 padding: string;
             };
+            extraCompact: {
+                padding: string;
+            };
         };
         head: {
             backgroundColor: string;

package/dist/components/Table/Table.tokens.js

@@ -1,6 +1,7 @@
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
 
-var colors = ddsBaseTokens.colors,
+var font = ddsBaseTokens.font,
+  colors = ddsBaseTokens.colors,
   border = ddsBaseTokens.border,
   spacing = ddsBaseTokens.spacing,
   iconSizes = ddsBaseTokens.iconSizes,
@@ -29,6 +30,12 @@ var row = {
     withDividers: {
       borderBottom: "1px solid ".concat(colors.DdsColorNeutralsGray4)
     }
+  },
+  head: {
+    extraCompact: {
+      backgroundColor: colors.DdsColorNeutralsWhite,
+      fontSize: font.DdsFontBodySans01FontSize
+    }
   }
 };
 var cell = {
@@ -38,6 +45,9 @@ var cell = {
     },
     compact: {
       padding: "".concat(spacing.SizesDdsSpacingLocalX075)
+    },
+    extraCompact: {
+      padding: "".concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05)
     }
   },
   head: {

package/dist/components/Table/Table.types.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type TableDensity = 'normal' | 'compact';
+export type TableDensity = 'normal' | 'compact' | 'extraCompact';
 export type TableProps = {
     /**Spesifiserer hvor romslige cellene i tabellen skal være. */
     density?: TableDensity;

package/dist/icons/tsx/hourglassBottom.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassBottom(props: SvgProps): JSX.Element;

package/dist/icons/tsx/hourglassBottom.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function HourglassBottom(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "m18 22-.01-6L14 12l3.99-4.01L18 2H6v6l4 4-4 3.99V22h12zM8 7.5V4h8v3.5l-4 4-4-4z"
+    })
+  }));
+}
+
+export { HourglassBottom };

package/dist/icons/tsx/hourglassDisabled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassDisabled(props: SvgProps): JSX.Element;

package/dist/icons/tsx/hourglassDisabled.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function HourglassDisabled(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M8 4h8v3.5l-2.84 2.84 1.25 1.25L18 8.01 17.99 8H18V2H6v1.17l2 2zM2.1 2.1.69 3.51l8.9 8.9L6 16l.01.01H6V22h12v-1.17l2.49 2.49 1.41-1.41L2.1 2.1zM16 20H8v-3.5l2.84-2.84L16 18.83V20z"
+    })
+  }));
+}
+
+export { HourglassDisabled };

package/dist/icons/tsx/hourglassEmpty.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassEmpty(props: SvgProps): JSX.Element;

package/dist/icons/tsx/hourglassEmpty.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function HourglassEmpty(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"
+    })
+  }));
+}
+
+export { HourglassEmpty };

package/dist/icons/tsx/hourglassFull.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassFull(props: SvgProps): JSX.Element;

package/dist/icons/tsx/hourglassFull.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function HourglassFull(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6z"
+    })
+  }));
+}
+
+export { HourglassFull };

package/dist/icons/tsx/hourglassTop.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function HourglassTop(props: SvgProps): JSX.Element;

package/dist/icons/tsx/hourglassTop.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function HourglassTop(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "m6 2 .01 6L10 12l-3.99 4.01L6 22h12v-6l-4-4 4-3.99V2H6zm10 14.5V20H8v-3.5l4-4 4 4z"
+    })
+  }));
+}
+
+export { HourglassTop };

package/dist/icons/tsx/index.d.ts

@@ -65,6 +65,11 @@ export * from './gavel';
 export * from './help';
 export * from './helpFilled';
 export * from './home';
+export * from './hourglassBottom';
+export * from './hourglassDisabled';
+export * from './hourglassEmpty';
+export * from './hourglassFull';
+export * from './hourglassTop';
 export * from './image';
 export * from './info';
 export * from './instagram';
@@ -113,7 +118,12 @@ export * from './settings';
 export * from './sms';
 export * from './star';
 export * from './starFilled';
+export * from './starHalfFilled';
 export * from './sync';
+export * from './thumbdown';
+export * from './thumbdownFilled';
+export * from './thumbup';
+export * from './thumbupFilled';
 export * from './time';
 export * from './tingrett';
 export * from './tip';

package/dist/icons/tsx/starHalfFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function StarHalfFilled(props: SvgProps): JSX.Element;

package/dist/icons/tsx/starHalfFilled.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function StarHalfFilled(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"
+    })
+  }));
+}
+
+export { StarHalfFilled };

package/dist/icons/tsx/thumbdown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function Thumbdown(props: SvgProps): JSX.Element;

package/dist/icons/tsx/thumbdown.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function Thumbdown(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "m10.89 18.28.57-2.89c.12-.59-.04-1.2-.42-1.66-.38-.46-.94-.73-1.54-.73H4v-1.08L6.57 6h8.09c.18 0 .34.16.34.34v7.84l-4.11 4.1M10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22zm10-7h2V4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1z"
+    })
+  }));
+}
+
+export { Thumbdown };

package/dist/icons/tsx/thumbdownFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function ThumbdownFilled(props: SvgProps): JSX.Element;

package/dist/icons/tsx/thumbdownFilled.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function ThumbdownFilled(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z"
+    })
+  }));
+}
+
+export { ThumbdownFilled };

package/dist/icons/tsx/thumbup.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function Thumbup(props: SvgProps): JSX.Element;

package/dist/icons/tsx/thumbup.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function Thumbup(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "m13.11 5.72-.57 2.89c-.12.59.04 1.2.42 1.66.38.46.94.73 1.54.73H20v1.08L17.43 18H9.34c-.18 0-.34-.16-.34-.34V9.82l4.11-4.1M14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.83C7 18.95 8.05 20 9.34 20h8.1c.71 0 1.36-.37 1.72-.97l2.67-6.15c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2zM4 9H2v11h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1z"
+    })
+  }));
+}
+
+export { Thumbup };

package/dist/icons/tsx/thumbupFilled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgProps } from '../utils/propTypes';
+export declare function ThumbupFilled(props: SvgProps): JSX.Element;

package/dist/icons/tsx/thumbupFilled.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { SvgWrapper } from '../utils/SvgWrapper.js';
+
+function ThumbupFilled(props) {
+  return jsx(SvgWrapper, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66-.23-.45-.52-.86-.88-1.22L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84C7 18.95 8.05 20 9.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z"
+    })
+  }));
+}
+
+export { ThumbupFilled };

package/dist/index.js

@@ -128,6 +128,11 @@ export { GavelIcon } from './icons/tsx/gavel.js';
 export { HelpIcon } from './icons/tsx/help.js';
 export { HelpFilledIcon } from './icons/tsx/helpFilled.js';
 export { HomeIcon } from './icons/tsx/home.js';
+export { HourglassBottom } from './icons/tsx/hourglassBottom.js';
+export { HourglassDisabled } from './icons/tsx/hourglassDisabled.js';
+export { HourglassEmpty } from './icons/tsx/hourglassEmpty.js';
+export { HourglassFull } from './icons/tsx/hourglassFull.js';
+export { HourglassTop } from './icons/tsx/hourglassTop.js';
 export { ImageIcon } from './icons/tsx/image.js';
 export { InfoIcon } from './icons/tsx/info.js';
 export { InstagramIcon } from './icons/tsx/instagram.js';
@@ -176,7 +181,12 @@ export { SettingsIcon } from './icons/tsx/settings.js';
 export { SmsIcon } from './icons/tsx/sms.js';
 export { StarIcon } from './icons/tsx/star.js';
 export { StarFilledIcon } from './icons/tsx/starFilled.js';
+export { StarHalfFilled } from './icons/tsx/starHalfFilled.js';
 export { SyncIcon } from './icons/tsx/sync.js';
+export { Thumbdown } from './icons/tsx/thumbdown.js';
+export { ThumbdownFilled } from './icons/tsx/thumbdownFilled.js';
+export { Thumbup } from './icons/tsx/thumbup.js';
+export { ThumbupFilled } from './icons/tsx/thumbupFilled.js';
 export { TimeIcon } from './icons/tsx/time.js';
 export { TingrettIcon } from './icons/tsx/tingrett.js';
 export { TipIcon } from './icons/tsx/tip.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "13.1.1",
+  "version": "13.3.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",