@norges-domstoler/dds-components 0.0.0-dev-20231025133440 → 0.0.0-dev-20231109095149

package/README.md

@@ -89,23 +89,6 @@ Tilgjengelige komponenter:
   - Typography
 - VisuallyHidden
 
-## ⏫ Release av ny versjon
-
-Det brukes en egen workflow for release av ny versjon av `@norges-domstoler/dds-components` som kjører på publisering av ny github release. Her brukes `npm publish` for å publisere en ny versjon av pakken til npm sitt pakkeregister, hvor det nye versjonsnummeret leses fra `package.json`. For å lage en ny release gjøres følgende:
-
-1. Versjonsnummeret i `package.json` må oppdateres manuelt med en egen commit i forkant av publisering av ny github release.
-
-2. Lag en ny release på github med _release tag = versjonsnummer_ for best mulig oversikt, og legg ved en passende beskrivelse av hva som er nytt i denne versjonen. Publiser så releasen når alt er klart.
-   Man kan også lage en Draft-release i forkant, og publisere denne releasen når alt som skal være med er merget inn i main.
-
-For versjonering brukes [_semantisk versjonering_](https://semver.org/) for å holde ting organisert og for å enkelt kommunisere utviklingsløpet til pakken.
-
-### Pre-release versjoner
-
-Hvis man ønsker å publisere en pre-release kan man følge samme flyt som vanlig release, men markere releasen som "pre-release" på Github. Da vil det publiseres en ny versjon til `next`-taggen på NPM istedenfor `latest` som i normal flyt. Pre-releases kan brukes for å publisere innhold som er ment til å være med i neste versjon, men som kan testes av konsumenter før neste release er klar.
-
-Versjonsnummerering for pre-releases skal følge `-beta.x`, eksempelvis `5.0.0-beta.1` osv.
-
 ## ⌨️ For bidragsytere
 
 Sjekk ut [guiden for bidragsytere](https://design.domstol.no/987b33f71/p/34c962-bidra/b/3611d5).

package/dist/index.d.mts

@@ -67,7 +67,7 @@ declare const OverflowMenuList: styled_components.IStyledComponent<"web", {
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -1898,7 +1898,7 @@ declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_c
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -2201,7 +2201,7 @@ declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_c
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;

package/dist/index.d.ts

@@ -67,7 +67,7 @@ declare const OverflowMenuList: styled_components.IStyledComponent<"web", {
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -1898,7 +1898,7 @@ declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_c
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -2201,7 +2201,7 @@ declare const StyledTextArea: styled_components.IStyledComponent<"web", styled_c
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;

package/dist/index.js

@@ -916,17 +916,21 @@ var ButtonWrapper = import_styled_components5.default.button`
   text-decoration: none;
 
   @media (prefers-reduced-motion: no-preference) {
-    transition: background-color 0.2s, text-decoration-color 0.2s,
-      box-shadow 0.2s, border-color 0.2s, color 0.2s,
+    transition:
+      background-color 0.2s,
+      text-decoration-color 0.2s,
+      box-shadow 0.2s,
+      border-color 0.2s,
+      color 0.2s,
       ${import_dds_form.focusVisibleTransitionValue};
   }
 
   ${({ appearance, purpose }) => import_styled_components5.css`
-      border-radius: ${appearances2[appearance].base.borderRadius};
-      box-shadow: ${appearances2[appearance].base.boxShadow};
-      color: ${appearances2[appearance].purpose[purpose].base.color};
-      ${getAppearanceAndPurposeStyling(appearance, purpose)}
-    `}
+    border-radius: ${appearances2[appearance].base.borderRadius};
+    box-shadow: ${appearances2[appearance].base.boxShadow};
+    color: ${appearances2[appearance].purpose[purpose].base.color};
+    ${getAppearanceAndPurposeStyling(appearance, purpose)}
+  `}
 
   ${({ hasIcon, hasLabel, appearance, purpose }) => hasIcon && !hasLabel && appearance === "borderless" && import_styled_components5.css`
       &:hover {
@@ -1893,7 +1897,9 @@ var Sidebar = import_styled_components11.default.div`
   bottom: 0;
   z-index: 100;
 
-  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+  transition:
+    transform 0.2s ease-in-out,
+    opacity 0.2s ease-in-out;
   transform: translateX(${({ isOpen }) => isOpen ? "0" : "-100%"});
   opacity: ${({ isOpen }) => isOpen ? "1" : "0"};
 
@@ -2225,7 +2231,10 @@ var Container2 = import_styled_components13.default.label`
 
   input ~ ${CustomSelectionControl} {
     @media (prefers-reduced-motion: no-preference) {
-      transition: box-shadow 0.2s, background-color 0.2s, border 0.2s;
+      transition:
+        box-shadow 0.2s,
+        background-color 0.2s,
+        border 0.2s;
     }
   }
 
@@ -4269,11 +4278,11 @@ var Input2 = (0, import_styled_components23.default)(import_dds_form11.Input)`
   padding-right: ${input4.base.paddingRight};
 
   ${({ componentSize }) => import_styled_components23.css`
-      padding-top: ${input4.sizes[componentSize].paddingTop};
-      padding-bottom: ${input4.sizes[componentSize].paddingBottom};
-      padding-left: ${input4.sizes[componentSize].paddingLeft};
-      ${(0, import_dds_typography17.getFontStyling)(typographyTypes3[componentSize])}
-    `}
+    padding-top: ${input4.sizes[componentSize].paddingTop};
+    padding-bottom: ${input4.sizes[componentSize].paddingBottom};
+    padding-left: ${input4.sizes[componentSize].paddingLeft};
+    ${(0, import_dds_typography17.getFontStyling)(typographyTypes3[componentSize])}
+  `}
 `;
 var StyledSearchIcon = (0, import_styled_components23.default)(import_dds_icons19.Icon)`
   position: absolute;
@@ -4621,11 +4630,11 @@ var StyledTable = import_styled_components24.default.table`
   ${scrollbarStyling.webkit}
   ${scrollbarStyling.firefox}
   ${({ density }) => import_styled_components24.css`
-      td,
-      th {
-        padding: ${cell2.density[density].padding};
-      }
-    `}
+    td,
+    th {
+      padding: ${cell2.density[density].padding};
+    }
+  `}
   ${({ density }) => density === "extraCompact" && import_styled_components24.css`
       th {
         background-color: ${row2.head.extraCompact.backgroundColor};
@@ -4786,7 +4795,10 @@ var bodyRowStyles = (mode, selected) => {
 };
 var StyledRow = import_styled_components29.default.tr`
   @media (prefers-reduced-motion: no-preference) {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   ${(0, import_dds_typography18.getFontStyling)(import_dds_typography18.defaultTypographyType, true)}
@@ -5853,7 +5865,9 @@ var Container6 = import_styled_components42.default.div`
     ${import_dds_core46.selection}
   }
   @media (prefers-reduced-motion: no-preference) {
-    transition: box-shadow 0.2s, border-color 0.2s;
+    transition:
+      box-shadow 0.2s,
+      border-color 0.2s;
   }
   ${({ color }) => color && import_styled_components42.css`
       color: ${cardTokens.colors[color].color};
@@ -7605,7 +7619,10 @@ var Content2 = import_styled_components58.default.span`
   padding: ${toggleButton2.padding};
   ${(0, import_dds_typography34.getFontStyling)(typographyType4)}
   @media (prefers-reduced-motion: no-preference) {
-    transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s,
+    transition:
+      border-color 0.2s,
+      background-color 0.2s,
+      box-shadow 0.2s,
       ${import_dds_form22.focusVisibleTransitionValue};
   }
 
@@ -7674,8 +7691,8 @@ var Group = import_styled_components59.default.div`
   display: flex;
   flex-wrap: wrap;
   ${({ direction }) => import_styled_components59.css`
-      flex-direction: ${direction};
-    `}
+    flex-direction: ${direction};
+  `}
 `;
 var Container13 = import_styled_components59.default.div`
   display: flex;
@@ -7857,7 +7874,10 @@ var Button2 = import_styled_components61.default.button`
   ${(0, import_dds_typography36.getFontStyling)(import_dds_typography36.defaultTypographyType)}
 
   @media (prefers-reduced-motion: no-preference) {
-    transition: box-shadow 0.2s, border-bottom 0.2s, color 0.2s,
+    transition:
+      box-shadow 0.2s,
+      border-bottom 0.2s,
+      color 0.2s,
       ${import_dds_form23.focusVisibleTransitionValue};
   }
 
@@ -8446,8 +8466,12 @@ var Content3 = import_styled_components68.default.span`
   box-sizing: border-box;
   cursor: pointer;
   @media (prefers-reduced-motion: no-preference) {
-    transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s,
-      color 0.2s, ${import_dds_form26.focusVisibleTransitionValue};
+    transition:
+      border-color 0.2s,
+      background-color 0.2s,
+      box-shadow 0.2s,
+      color 0.2s,
+      ${import_dds_form26.focusVisibleTransitionValue};
   }
   background-color: ${content6.base.backgroundColor};
 
@@ -8683,8 +8707,8 @@ var getHooksGridStyling = (screenSize, maxWidth, rowGap) => {
 var StyledGrid = import_styled_components69.default.div`
   display: grid;
   ${({ maxWidth }) => import_styled_components69.css`
-      max-width: ${maxWidth};
-    `}
+    max-width: ${maxWidth};
+  `}
   ${({ screenSize, maxWidth, rowGap }) => getHooksGridStyling(screenSize, maxWidth, rowGap)}
 `;
 var Grid = (props) => {
@@ -8859,7 +8883,10 @@ var ItemWrapper = import_styled_components71.default.li`
   justify-content: center;
 `;
 var ItemNumber = import_styled_components71.default.div`
-  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
+  transition:
+    background-color 0.2s,
+    border-color 0.2s,
+    color 0.2s;
   border-radius: 50%;
   border: ${itemNumber2.borderWidth} solid;
   width: ${itemNumber2.size};