@norges-domstoler/dds-components 0.0.0-dev-20240709104639 → 0.0.0-dev-20240716090031

package/README.md

@@ -12,6 +12,12 @@ Sjekk ut [Elsa - domstolenes designsystem](https://design.domstol.no/) og [ Elsa
 pnpm add @norges-domstoler/dds-components
 ```
 
+Importer styling av komponentene i CSS:
+
+```css
+@import '@norges-domstoler/dds-components/index.css';
+```
+
 ## 🔨 Bruk
 
 ```js
@@ -42,6 +48,7 @@ Tilgjengelige komponenter:
 
 - Breadcrumbs
 - Button
+- ButtonGroup
 - Card (inkludert CardAccordion)
 - Checkbox
 - Chip
@@ -56,6 +63,7 @@ Tilgjengelige komponenter:
 - GlobalMessage
 - Grid
 - Icon
+- InlineButton
 - InputMessage
 - InternaHeader
 - List
@@ -91,7 +99,3 @@ Tilgjengelige komponenter:
   - Paragraph
   - Typography
 - VisuallyHidden
-
-## ⌨️ For bidragsytere
-
-Sjekk ut [guiden for bidragsytere](https://design.domstol.no/987b33f71/p/34c962-bidra/b/3611d5).

package/dist/index.d.mts

@@ -1738,25 +1738,25 @@ declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefA
 interface FeedbackProps {
     /**Om knappene skal være plassert under eller ved siden av teksten. */
     layout?: Layout;
-    /**Label som er plassert over tommel opp/ned knappene */
+    /**Label som er plassert over tommel opp/ned knappene. */
     ratingLabel: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel opp */
+    /**Label til fritekstfeltet når bruker har gitt tommel opp. */
     positiveFeedbackLabel?: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel ned */
+    /**Label til fritekstfeltet når bruker har gitt tommel ned. */
     negativeFeedbackLabel?: string;
-    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
+    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar. */
     ratingSubmittedTitle?: string;
-    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
+    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar). */
     submittedTitle?: string;
-    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar  */
+    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.  */
     textAreaTip?: string;
     /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
     ratingValue?: Rating | null;
     /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
     feedbackTextValue?: string;
-    /**Tooltip-teksten til tommel-opp-knappen*/
+    /**Tooltip-teksten til tommel-opp-knappen.*/
     thumbUpTooltip?: string;
-    /**Tooltip-teksten til tommel-ned-knappen*/
+    /**Tooltip-teksten til tommel-ned-knappen.*/
     thumbDownTooltip?: string;
     /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
     feedbackTextAreaExcluded?: boolean;
@@ -1764,11 +1764,11 @@ interface FeedbackProps {
     loading?: boolean;
     /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
     isSubmitted?: boolean;
-    /**Callback når bruker har gitt tommelrating */
+    /**Callback når bruker har gitt tommel-rating. */
     onRating?: (rating: Rating) => void;
-    /**Callback når bruker skriver noe i fritekstfeltet */
+    /**Callback når bruker skriver noe i fritekstfeltet. */
     onFeedbackTextChange?: (feedbackText: string) => void;
-    /**Callback når bruker sender inn feedback */
+    /**Callback når bruker sender inn feedback. */
     onSubmit?: (rating: Rating, feedbackText: string) => void;
 }
 type Rating = 'positive' | 'negative';

package/dist/index.d.ts

@@ -1738,25 +1738,25 @@ declare const FavStar: react.ForwardRefExoticComponent<FavStarProps & react.RefA
 interface FeedbackProps {
     /**Om knappene skal være plassert under eller ved siden av teksten. */
     layout?: Layout;
-    /**Label som er plassert over tommel opp/ned knappene */
+    /**Label som er plassert over tommel opp/ned knappene. */
     ratingLabel: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel opp */
+    /**Label til fritekstfeltet når bruker har gitt tommel opp. */
     positiveFeedbackLabel?: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel ned */
+    /**Label til fritekstfeltet når bruker har gitt tommel ned. */
     negativeFeedbackLabel?: string;
-    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
+    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar. */
     ratingSubmittedTitle?: string;
-    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
+    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar). */
     submittedTitle?: string;
-    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar  */
+    /**Tip som vises under tekstfeltet når bruker skal sende inn kommentar.  */
     textAreaTip?: string;
     /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
     ratingValue?: Rating | null;
     /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
     feedbackTextValue?: string;
-    /**Tooltip-teksten til tommel-opp-knappen*/
+    /**Tooltip-teksten til tommel-opp-knappen.*/
     thumbUpTooltip?: string;
-    /**Tooltip-teksten til tommel-ned-knappen*/
+    /**Tooltip-teksten til tommel-ned-knappen.*/
     thumbDownTooltip?: string;
     /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
     feedbackTextAreaExcluded?: boolean;
@@ -1764,11 +1764,11 @@ interface FeedbackProps {
     loading?: boolean;
     /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
     isSubmitted?: boolean;
-    /**Callback når bruker har gitt tommelrating */
+    /**Callback når bruker har gitt tommel-rating. */
     onRating?: (rating: Rating) => void;
-    /**Callback når bruker skriver noe i fritekstfeltet */
+    /**Callback når bruker skriver noe i fritekstfeltet. */
     onFeedbackTextChange?: (feedbackText: string) => void;
-    /**Callback når bruker sender inn feedback */
+    /**Callback når bruker sender inn feedback. */
     onSubmit?: (rating: Rating, feedbackText: string) => void;
 }
 type Rating = 'positive' | 'negative';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "0.0.0-dev-20240709104639",
+  "version": "0.0.0-dev-20240716090031",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -55,12 +55,12 @@
     "typescript": "^5.5.3",
     "vite": "^5.3.3",
     "vitest": "^1.6.0",
-    "@norges-domstoler/dds-design-tokens": "0.0.0-dev-20240709104639",
-    "@norges-domstoler/storybook-components": "0.0.0-dev-20240709104639"
+    "@norges-domstoler/dds-design-tokens": "0.0.0-dev-20240716090031",
+    "@norges-domstoler/storybook-components": "0.0.0-dev-20240716090031"
   },
   "peerDependencies": {
     "@internationalized/date": "^3",
-    "@norges-domstoler/dds-design-tokens": "0.0.0-dev-20240709104639",
+    "@norges-domstoler/dds-design-tokens": "0.0.0-dev-20240716090031",
     "react": "^16 || ^17 || ^18",
     "react-dom": "^16 || ^17 || ^18"
   },