@norges-domstoler/dds-components 2.0.0 → 2.1.0

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

@@ -2,6 +2,12 @@ import { CSSObject } from 'styled-components';
 export declare const skipToContentTokens: {
     link: {
         base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
         focusOutline: {
             color: string;
             width: string;

package/dist/index.es.js

@@ -12222,10 +12222,10 @@ var focusVisible = {
   outline: "".concat(Border$h.BordersDdsBorderFocusBaseStrokeWeight, " ").concat(Border$h.BordersDdsBorderFocusBaseStroke, " solid"),
   outlineOffset: outlineOffset
 };
-({
-  outline: "".concat(Border$h.BordersDdsBorderFocusBaseStrokeWeight, " ").concat(Colors$r.DdsColorWarningLighter, " solid"),
+var focusVisibleOnDark = {
+  outline: "".concat(Border$h.BordersDdsBorderFocusOndarkStrokeWeight, " ").concat(Border$h.BordersDdsBorderFocusOndarkStroke, " solid"),
   outlineOffset: outlineOffset
-});
+};
 var focusVisibleLink = {
   outline: 'none',
   backgroundColor: Border$h.BordersDdsBorderFocusBaseStroke,
@@ -12234,7 +12234,7 @@ var focusVisibleLink = {
 };
 ({
   outline: 'none',
-  backgroundColor: Colors$r.DdsColorWarningLighter,
+  backgroundColor: Border$h.BordersDdsBorderFocusOndarkStroke,
   color: Colors$r.DdsColorNeutralsGray9,
   textDecoration: 'none'
 });
@@ -12245,8 +12245,8 @@ var focusVisibleWithBorder = {
 };
 ({
   outline: 'none',
-  borderColor: Colors$r.DdsColorWarningLighter,
-  boxShadow: "inset 0 0 0 1px ".concat(Colors$r.DdsColorWarningLighter)
+  borderColor: Border$h.BordersDdsBorderFocusOndarkStroke,
+  boxShadow: "inset 0 0 0 1px ".concat(Border$h.BordersDdsBorderFocusOndarkStroke)
 });
 var focusVisibleInset = {
   outline: 'none',
@@ -28776,6 +28776,9 @@ var Pagination = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, {
     label: '50',
     value: 50
+  }, {
+    label: 'Alle',
+    value: itemsAmount
   }] : _e,
       smallScreen = _a.smallScreen,
       onChange = _a.onChange,
@@ -28921,7 +28924,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_a, ref) {
       children: [withSelect && jsxRuntime.exports.jsx(Select, {
         options: selectOptions,
         isSearchable: false,
-        width: "76px",
+        width: "80px",
         defaultValue: {
           label: itemsPerPage.toString(),
           value: itemsPerPage
@@ -29648,7 +29651,7 @@ var linkBase$2 = __assign({
   backgroundColor: Colors$6.DdsColorNeutralsWhite
 }, FontPackages$3.body_sans_01.base);
 
-var linkHoverBase$1 = {
+var linkHoverBase$2 = {
   color: Colors$6.DdsColorInteractiveDark,
   backgroundColor: Colors$6.DdsColorPrimaryLightest
 };
@@ -29678,7 +29681,7 @@ var navigationLinkBase = __assign({
   padding: "".concat(Spacing$8.SizesDdsSpacingLocalX075, " ").concat(Spacing$8.SizesDdsSpacingLocalX15)
 }, linkBase$2);
 
-var navigationLinkHoverBase = __assign({}, linkHoverBase$1);
+var navigationLinkHoverBase = __assign({}, linkHoverBase$2);
 
 var navigationLinkActiveBase = __assign({}, linkActiveBase$1);
 
@@ -31434,7 +31437,7 @@ var linkBase$1 = __assign({
   gap: Spacing$7.SizesDdsSpacingLocalX025
 }, FontPackages$2.body_sans_01.base);
 
-var linkHoverBase = {
+var linkHoverBase$1 = {
   color: Colors$5.DdsColorInteractiveDark,
   backgroundColor: Colors$5.DdsColorPrimaryLightest
 };
@@ -31447,7 +31450,7 @@ var wrapperBase$3 = {
   borderRadius: BorderRadius$4.RadiiDdsBorderRadius1Radius
 };
 
-var linkFocusBase = __assign({}, focusVisibleLink);
+var linkFocusBase$1 = __assign({}, focusVisibleLink);
 
 var dividerBase = {
   marginRight: Spacing$7.SizesDdsSpacingLocalX15,
@@ -31463,10 +31466,10 @@ var overflowMenuTokens = {
       base: linkActiveBase
     },
     hover: {
-      base: linkHoverBase
+      base: linkHoverBase$1
     },
     focus: {
-      base: linkFocusBase
+      base: linkFocusBase$1
     }
   },
   divider: {
@@ -32081,6 +32084,12 @@ var linkBase = __assign(__assign({
   textDecoration: 'none'
 });
 
+var linkHoverBase = {
+  color: Colors$4.DdsColorNeutralsWhite
+};
+
+var linkFocusBase = __assign({}, focusVisibleOnDark);
+
 var wrapperBase$2 = {
   backgroundColor: Colors$4.DdsColorPrimaryBase,
   padding: Spacing$5.SizesDdsSpacingLocalX025
@@ -32088,6 +32097,12 @@ var wrapperBase$2 = {
 var skipToContentTokens = {
   link: {
     base: linkBase,
+    hover: {
+      base: linkHoverBase
+    },
+    focus: {
+      base: linkFocusBase
+    },
     focusOutline: {
       color: Colors$4.DdsColorWarningDark,
       width: Border$2.BordersDdsBorderFocusBaseStrokeWeight
@@ -32108,7 +32123,7 @@ var Wrapper$1 = styled$3.div.withConfig({
 var Link = styled$3.a.withConfig({
   displayName: "SkipToContent__Link",
   componentId: "sc-57o1qv-1"
-})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  ", "\n  &:focus {\n    outline: ", " solid\n      ", ";\n  }\n"], ["\n  ", "\n  &:focus {\n    outline: ", " solid\n      ", ";\n  }\n"])), skipToContentTokens.link.base, skipToContentTokens.link.focusOutline.width, skipToContentTokens.link.focusOutline.color);
+})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  ", "\n  &:focus {\n    ", "\n  }\n  &:hover {\n    ", "\n  }\n"], ["\n  ", "\n  &:focus {\n    ", "\n  }\n  &:hover {\n    ", "\n  }\n"])), skipToContentTokens.link.base, skipToContentTokens.link.focus.base, skipToContentTokens.link.hover.base);
 var SkipToContent = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.text,
       text = _b === void 0 ? 'Til hovedinnhold' : _b,

package/dist/index.js

@@ -12248,10 +12248,10 @@ var focusVisible = {
   outline: "".concat(Border$h.BordersDdsBorderFocusBaseStrokeWeight, " ").concat(Border$h.BordersDdsBorderFocusBaseStroke, " solid"),
   outlineOffset: outlineOffset
 };
-({
-  outline: "".concat(Border$h.BordersDdsBorderFocusBaseStrokeWeight, " ").concat(Colors$r.DdsColorWarningLighter, " solid"),
+var focusVisibleOnDark = {
+  outline: "".concat(Border$h.BordersDdsBorderFocusOndarkStrokeWeight, " ").concat(Border$h.BordersDdsBorderFocusOndarkStroke, " solid"),
   outlineOffset: outlineOffset
-});
+};
 var focusVisibleLink = {
   outline: 'none',
   backgroundColor: Border$h.BordersDdsBorderFocusBaseStroke,
@@ -12260,7 +12260,7 @@ var focusVisibleLink = {
 };
 ({
   outline: 'none',
-  backgroundColor: Colors$r.DdsColorWarningLighter,
+  backgroundColor: Border$h.BordersDdsBorderFocusOndarkStroke,
   color: Colors$r.DdsColorNeutralsGray9,
   textDecoration: 'none'
 });
@@ -12271,8 +12271,8 @@ var focusVisibleWithBorder = {
 };
 ({
   outline: 'none',
-  borderColor: Colors$r.DdsColorWarningLighter,
-  boxShadow: "inset 0 0 0 1px ".concat(Colors$r.DdsColorWarningLighter)
+  borderColor: Border$h.BordersDdsBorderFocusOndarkStroke,
+  boxShadow: "inset 0 0 0 1px ".concat(Border$h.BordersDdsBorderFocusOndarkStroke)
 });
 var focusVisibleInset = {
   outline: 'none',
@@ -28802,6 +28802,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, {
     label: '50',
     value: 50
+  }, {
+    label: 'Alle',
+    value: itemsAmount
   }] : _e,
       smallScreen = _a.smallScreen,
       onChange = _a.onChange,
@@ -28947,7 +28950,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       children: [withSelect && jsxRuntime.exports.jsx(Select, {
         options: selectOptions,
         isSearchable: false,
-        width: "76px",
+        width: "80px",
         defaultValue: {
           label: itemsPerPage.toString(),
           value: itemsPerPage
@@ -29674,7 +29677,7 @@ var linkBase$2 = __assign({
   backgroundColor: Colors$6.DdsColorNeutralsWhite
 }, FontPackages$3.body_sans_01.base);
 
-var linkHoverBase$1 = {
+var linkHoverBase$2 = {
   color: Colors$6.DdsColorInteractiveDark,
   backgroundColor: Colors$6.DdsColorPrimaryLightest
 };
@@ -29704,7 +29707,7 @@ var navigationLinkBase = __assign({
   padding: "".concat(Spacing$8.SizesDdsSpacingLocalX075, " ").concat(Spacing$8.SizesDdsSpacingLocalX15)
 }, linkBase$2);
 
-var navigationLinkHoverBase = __assign({}, linkHoverBase$1);
+var navigationLinkHoverBase = __assign({}, linkHoverBase$2);
 
 var navigationLinkActiveBase = __assign({}, linkActiveBase$1);
 
@@ -31460,7 +31463,7 @@ var linkBase$1 = __assign({
   gap: Spacing$7.SizesDdsSpacingLocalX025
 }, FontPackages$2.body_sans_01.base);
 
-var linkHoverBase = {
+var linkHoverBase$1 = {
   color: Colors$5.DdsColorInteractiveDark,
   backgroundColor: Colors$5.DdsColorPrimaryLightest
 };
@@ -31473,7 +31476,7 @@ var wrapperBase$3 = {
   borderRadius: BorderRadius$4.RadiiDdsBorderRadius1Radius
 };
 
-var linkFocusBase = __assign({}, focusVisibleLink);
+var linkFocusBase$1 = __assign({}, focusVisibleLink);
 
 var dividerBase = {
   marginRight: Spacing$7.SizesDdsSpacingLocalX15,
@@ -31489,10 +31492,10 @@ var overflowMenuTokens = {
       base: linkActiveBase
     },
     hover: {
-      base: linkHoverBase
+      base: linkHoverBase$1
     },
     focus: {
-      base: linkFocusBase
+      base: linkFocusBase$1
     }
   },
   divider: {
@@ -32107,6 +32110,12 @@ var linkBase = __assign(__assign({
   textDecoration: 'none'
 });
 
+var linkHoverBase = {
+  color: Colors$4.DdsColorNeutralsWhite
+};
+
+var linkFocusBase = __assign({}, focusVisibleOnDark);
+
 var wrapperBase$2 = {
   backgroundColor: Colors$4.DdsColorPrimaryBase,
   padding: Spacing$5.SizesDdsSpacingLocalX025
@@ -32114,6 +32123,12 @@ var wrapperBase$2 = {
 var skipToContentTokens = {
   link: {
     base: linkBase,
+    hover: {
+      base: linkHoverBase
+    },
+    focus: {
+      base: linkFocusBase
+    },
     focusOutline: {
       color: Colors$4.DdsColorWarningDark,
       width: Border$2.BordersDdsBorderFocusBaseStrokeWeight
@@ -32134,7 +32149,7 @@ var Wrapper$1 = styled$3.div.withConfig({
 var Link = styled$3.a.withConfig({
   displayName: "SkipToContent__Link",
   componentId: "sc-57o1qv-1"
-})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  ", "\n  &:focus {\n    outline: ", " solid\n      ", ";\n  }\n"], ["\n  ", "\n  &:focus {\n    outline: ", " solid\n      ", ";\n  }\n"])), skipToContentTokens.link.base, skipToContentTokens.link.focusOutline.width, skipToContentTokens.link.focusOutline.color);
+})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  ", "\n  &:focus {\n    ", "\n  }\n  &:hover {\n    ", "\n  }\n"], ["\n  ", "\n  &:focus {\n    ", "\n  }\n  &:hover {\n    ", "\n  }\n"])), skipToContentTokens.link.base, skipToContentTokens.link.focus.base, skipToContentTokens.link.hover.base);
 var SkipToContent = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b = _a.text,
       text = _b === void 0 ? 'Til hovedinnhold' : _b,

package/package.json

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