@norges-domstoler/dds-components 0.0.21 → 0.0.22

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

@@ -4,7 +4,7 @@ import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'reac
 export declare type NavigationLinkProps = {
     href: string;
     title: string;
-} & HTMLAttributes<HTMLAnchorElement>;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare type ContextMenuElementProps = {
     title: string;
     href?: string;

package/dist/index.es.js

@@ -31694,18 +31694,18 @@ var Navigation = styled.nav.withConfig({
 var NavigationList = styled.ul.withConfig({
   displayName: "InternalHeaderstyles__NavigationList",
   componentId: "sc-91bnca-6"
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"], ["\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"])), function (_a) {
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"])), function (_a) {
   var smallScreen = _a.smallScreen;
   return smallScreen && Ae(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      flex-direction: column;\n    "], ["\n      flex-direction: column;\n    "])));
 });
 var NavigationListItem = styled.li.withConfig({
   displayName: "InternalHeaderstyles__NavigationListItem",
   componentId: "sc-91bnca-7"
-})(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  box-sizing: border-box;\n"], ["\n  box-sizing: border-box;\n"])));
 var NavigationLink = styled.a.withConfig({
   displayName: "InternalHeaderstyles__NavigationLink",
   componentId: "sc-91bnca-8"
-})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"])), internalHeaderTokens.navigationLink.base, internalHeaderTokens.navigationLink.hover.base, internalHeaderTokens.navigationLink.active.base, internalHeaderTokens.navigationLink.focus.base, function (_a) {
+})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  box-sizing: border-box;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  box-sizing: border-box;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"])), internalHeaderTokens.navigationLink.base, internalHeaderTokens.navigationLink.hover.base, internalHeaderTokens.navigationLink.active.base, internalHeaderTokens.navigationLink.focus.base, function (_a) {
   var isCurrent = _a.isCurrent;
   return isCurrent && Ae(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), internalHeaderTokens.navigationLink.current.base);
 });
@@ -31734,7 +31734,7 @@ var ContextMenuElement = styled.span.withConfig({
 var ContextMenuLink = styled.a.withConfig({
   displayName: "InternalHeaderstyles__ContextMenuLink",
   componentId: "sc-91bnca-13"
-})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"], ["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"])), internalHeaderTokens.contextMenuLink.base, internalHeaderTokens.contextMenuLink.hover.base, internalHeaderTokens.contextMenuLink.active.base, internalHeaderTokens.contextMenuLink.focus.base);
+})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  box-sizing: border-box;\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"])), internalHeaderTokens.contextMenuLink.base, internalHeaderTokens.contextMenuLink.hover.base, internalHeaderTokens.contextMenuLink.active.base, internalHeaderTokens.contextMenuLink.focus.base);
 var StyledDivider = styled(Divider).withConfig({
   displayName: "InternalHeaderstyles__StyledDivider",
   componentId: "sc-91bnca-14"

package/dist/index.js

@@ -31722,18 +31722,18 @@ var Navigation = styled.nav.withConfig({
 var NavigationList = styled.ul.withConfig({
   displayName: "InternalHeaderstyles__NavigationList",
   componentId: "sc-91bnca-6"
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"], ["\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"])), function (_a) {
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  ", "\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n"])), function (_a) {
   var smallScreen = _a.smallScreen;
   return smallScreen && Ae(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      flex-direction: column;\n    "], ["\n      flex-direction: column;\n    "])));
 });
 var NavigationListItem = styled.li.withConfig({
   displayName: "InternalHeaderstyles__NavigationListItem",
   componentId: "sc-91bnca-7"
-})(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  box-sizing: border-box;\n"], ["\n  box-sizing: border-box;\n"])));
 var NavigationLink = styled.a.withConfig({
   displayName: "InternalHeaderstyles__NavigationLink",
   componentId: "sc-91bnca-8"
-})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"])), internalHeaderTokens.navigationLink.base, internalHeaderTokens.navigationLink.hover.base, internalHeaderTokens.navigationLink.active.base, internalHeaderTokens.navigationLink.focus.base, function (_a) {
+})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  box-sizing: border-box;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  height: 100%;\n  box-sizing: border-box;\n  ", "\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n  ", "\n"])), internalHeaderTokens.navigationLink.base, internalHeaderTokens.navigationLink.hover.base, internalHeaderTokens.navigationLink.active.base, internalHeaderTokens.navigationLink.focus.base, function (_a) {
   var isCurrent = _a.isCurrent;
   return isCurrent && Ae(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), internalHeaderTokens.navigationLink.current.base);
 });
@@ -31762,7 +31762,7 @@ var ContextMenuElement = styled.span.withConfig({
 var ContextMenuLink = styled.a.withConfig({
   displayName: "InternalHeaderstyles__ContextMenuLink",
   componentId: "sc-91bnca-13"
-})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"], ["\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"])), internalHeaderTokens.contextMenuLink.base, internalHeaderTokens.contextMenuLink.hover.base, internalHeaderTokens.contextMenuLink.active.base, internalHeaderTokens.contextMenuLink.focus.base);
+})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  box-sizing: border-box;\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n  background: none;\n  color: inherit;\n  border: none;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n  outline: inherit;\n  width: 100%;\n  ", "\n  display: flex;\n  align-items: center;\n  transition: background-color 0.2s;\n  &:hover {\n    ", "\n  }\n  &:active {\n    ", "\n  }\n  &:focus-visible {\n    outline: none;\n    ", "\n  }\n"])), internalHeaderTokens.contextMenuLink.base, internalHeaderTokens.contextMenuLink.hover.base, internalHeaderTokens.contextMenuLink.active.base, internalHeaderTokens.contextMenuLink.focus.base);
 var StyledDivider = styled(Divider).withConfig({
   displayName: "InternalHeaderstyles__StyledDivider",
   componentId: "sc-91bnca-14"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "React components used in Domstolenes designsystem",
   "author": "DDS team",
   "license": "MIT",