@ks-digital/designsystem-react 0.0.1-alpha.0 → 0.0.1-alpha.2

package/dist/README.md

@@ -0,0 +1,49 @@
+# KS Digital Designsystem for React
+
+This library provides React components for KS Digital, designed to align closely with the components from [Designsystemet.no](https://www.designsystemet.no/komponenter).
+
+## Installation (WIP)
+
+Install the required packages using your preferred package manager:
+
+```bash
+pnpm add @ks-digital/designsystem-react @ks-digital/designsystem-themes
+```
+
+## Setup
+
+### 1. Include the Inter Font
+
+Add the Inter font to your `index.html`. This API supports the same parameters as the Google Fonts API, allowing you to customize the font weights as needed:
+
+```html
+<link
+  href="https://static.fiks.ks.no/googlefonts/googleapis/css2?family=Inter&display=swap"
+  rel="stylesheet"
+/>
+```
+
+### 2. Import Base Styles and Themes
+
+Import the base styles and the theme you want to use in your application:
+
+```javascript
+import '@ks-digital/designsystem-themes/base.css'
+import '@ks-digital/designsystem-themes/ledsagerbevis.css'
+```
+
+### 3. Use Components
+
+Import and use the components you need. You can explore the available components at [Designsystemet.no](https://www.designsystemet.no/komponenter):
+
+```javascript
+import { Button } from '@ks-digital/designsystem-react'
+
+function MyComponent() {
+  return <Button data-size="lg">My Button</Button>
+}
+```
+
+## Example
+
+A complete example setup is available in the `react-demo-app` located under the `apps` folder.

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,2 @@
+import { Alert, AlertProps } from '@digdir/designsystemet-react';
+export { Alert, AlertProps };

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,2 @@
+import { Avatar, AvatarProps } from '@digdir/designsystemet-react';
+export { Avatar, AvatarProps };

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps } from '@digdir/designsystemet-react';
+export { Badge, BadgeProps };

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,2 @@
+import { Breadcrumbs, BreadcrumbsProps } from '@digdir/designsystemet-react';
+export { Breadcrumbs, BreadcrumbsProps };

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,2 @@
+import { Button, ButtonProps } from '@digdir/designsystemet-react';
+export { Button, ButtonProps };

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,2 @@
+import { Card, CardProps } from '@digdir/designsystemet-react';
+export { Card, CardProps };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox, CheckboxProps } from '@digdir/designsystemet-react';
+export { Checkbox, CheckboxProps };

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,2 @@
+import { Chip, ChipButton, ChipButtonProps, ChipCheckbox, ChipCheckboxProps, ChipRadio, ChipRadioProps, ChipRemovable, ChipRemovableProps } from '@digdir/designsystemet-react';
+export { Chip, ChipButton, ChipButtonProps, ChipCheckbox, ChipCheckboxProps, ChipRadio, ChipRadioProps, ChipRemovable, ChipRemovableProps, };

package/dist/components/Details/Details.d.ts

@@ -0,0 +1,2 @@
+import { Details, DetailsProps } from '@digdir/designsystemet-react';
+export { Details, DetailsProps };

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+import { Dialog, DialogProps } from '@digdir/designsystemet-react';
+export { Dialog, DialogProps };

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,2 @@
+import { Divider, DividerProps } from '@digdir/designsystemet-react';
+export { Divider, DividerProps };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,2 @@
+import { Dropdown, DropdownProps } from '@digdir/designsystemet-react';
+export { Dropdown, DropdownProps };

package/dist/components/ErrorSummary/ErrorSummary.d.ts

@@ -0,0 +1,2 @@
+import { ErrorSummary, ErrorSummaryProps } from '@digdir/designsystemet-react';
+export { ErrorSummary, ErrorSummaryProps };

package/dist/components/Field/Field.d.ts

@@ -0,0 +1,2 @@
+import { Field, FieldProps } from '@digdir/designsystemet-react';
+export { Field, FieldProps };

package/dist/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,2 @@
+import { Fieldset, FieldsetProps } from '@digdir/designsystemet-react';
+export { Fieldset, FieldsetProps };

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,2 @@
+import { Heading, HeadingProps } from '@digdir/designsystemet-react';
+export { Heading, HeadingProps };

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,2 @@
+import { Input, InputProps } from '@digdir/designsystemet-react';
+export { Input, InputProps };

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,2 @@
+import { Label, LabelProps } from '@digdir/designsystemet-react';
+export { Label, LabelProps };

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,2 @@
+import { Link, LinkProps } from '@digdir/designsystemet-react';
+export { Link, LinkProps };

package/dist/components/List/List.d.ts

@@ -0,0 +1,2 @@
+import { List, ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps, ListItem, ListItemProps } from '@digdir/designsystemet-react';
+export { List, ListOrdered, ListOrderedProps, ListUnordered, ListUnorderedProps, ListItem, ListItemProps, };

package/dist/components/Loaders/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spinner/Spinner';
+export * from './skeleton/Skeleton';

package/dist/components/Loaders/skeleton/Skeleton.d.ts

@@ -0,0 +1,2 @@
+import { Skeleton, SkeletonProps } from '@digdir/designsystemet-react';
+export { Skeleton, SkeletonProps };

package/dist/components/Loaders/spinner/Spinner.d.ts

@@ -0,0 +1,2 @@
+import { Spinner, SpinnerProps } from '@digdir/designsystemet-react';
+export { Spinner, SpinnerProps };

package/dist/components/MultiSuggestion/MultiSuggestion.d.ts

@@ -0,0 +1,2 @@
+import { EXPERIMENTAL_MultiSuggestion, EXPERIMENTAL_MultiSuggestionInput, EXPERIMENTAL_MultiSuggestionList, EXPERIMENTAL_MultiSuggestionOption, EXPERIMENTAL_MultiSuggestionChips, EXPERIMENTAL_MultiSuggestionEmpty, EXPERIMENTAL_MultiSuggestionClear, MultiSuggestionProps, MultiSuggestionInputProps, MultiSuggestionListProps, MultiSuggestionOptionProps, MultiSuggestionChipsProps, MultiSuggestionEmptyProps, MultiSuggestionClearProps } from '@digdir/designsystemet-react';
+export { EXPERIMENTAL_MultiSuggestion, EXPERIMENTAL_MultiSuggestionInput, EXPERIMENTAL_MultiSuggestionList, EXPERIMENTAL_MultiSuggestionOption, EXPERIMENTAL_MultiSuggestionChips, EXPERIMENTAL_MultiSuggestionEmpty, EXPERIMENTAL_MultiSuggestionClear, MultiSuggestionProps, MultiSuggestionInputProps, MultiSuggestionListProps, MultiSuggestionOptionProps, MultiSuggestionChipsProps, MultiSuggestionEmptyProps, MultiSuggestionClearProps, };

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,2 @@
+import { Pagination, PaginationProps } from '@digdir/designsystemet-react';
+export { Pagination, PaginationProps };

package/dist/components/Paragraph/Paragraph.d.ts

@@ -0,0 +1,2 @@
+import { Paragraph, ParagraphProps } from '@digdir/designsystemet-react';
+export { Paragraph, ParagraphProps };

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,2 @@
+import { Popover, PopoverProps } from '@digdir/designsystemet-react';
+export { Popover, PopoverProps };

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,2 @@
+import { Radio, RadioProps } from '@digdir/designsystemet-react';
+export { Radio, RadioProps };

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,2 @@
+import { Search, SearchProps } from '@digdir/designsystemet-react';
+export { Search, SearchProps };

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,2 @@
+import { Select, SelectProps } from '@digdir/designsystemet-react';
+export { Select, SelectProps };

package/dist/components/SkipLink/SkipLink.d.ts

@@ -0,0 +1,2 @@
+import { SkipLink, SkipLinkProps } from '@digdir/designsystemet-react';
+export { SkipLink, SkipLinkProps };

package/dist/components/Suggestion/Suggestion.d.ts

@@ -0,0 +1,2 @@
+import { EXPERIMENTAL_Suggestion, EXPERIMENTAL_SuggestionList, EXPERIMENTAL_SuggestionInput, EXPERIMENTAL_SuggestionEmpty, EXPERIMENTAL_SuggestionOption, EXPERIMENTAL_SuggestionClear, SuggestionProps, SuggestionListProps, SuggestionInputProps, SuggestionEmptyProps, SuggestionOptionProps, SuggestionClearProps } from '@digdir/designsystemet-react';
+export { EXPERIMENTAL_Suggestion, EXPERIMENTAL_SuggestionList, EXPERIMENTAL_SuggestionInput, EXPERIMENTAL_SuggestionEmpty, EXPERIMENTAL_SuggestionOption, EXPERIMENTAL_SuggestionClear, SuggestionProps, SuggestionListProps, SuggestionInputProps, SuggestionEmptyProps, SuggestionOptionProps, SuggestionClearProps, };

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,2 @@
+import { Switch, SwitchProps } from '@digdir/designsystemet-react';
+export { Switch, SwitchProps };

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

@@ -0,0 +1,2 @@
+import { Table, TableProps } from '@digdir/designsystemet-react';
+export { Table, TableProps };

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,2 @@
+import { Tabs, TabsProps } from '@digdir/designsystemet-react';
+export { Tabs, TabsProps };

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,2 @@
+import { Tag, TagProps } from '@digdir/designsystemet-react';
+export { Tag, TagProps };

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,2 @@
+import { Textarea, TextareaProps } from '@digdir/designsystemet-react';
+export { Textarea, TextareaProps };

package/dist/components/Textfield/Textfield.d.ts

@@ -0,0 +1,2 @@
+import { Textfield, TextfieldProps } from '@digdir/designsystemet-react';
+export { Textfield, TextfieldProps };

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,2 @@
+import { ToggleGroup, ToggleGroupProps } from '@digdir/designsystemet-react';
+export { ToggleGroup, ToggleGroupProps };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,2 @@
+import { Tooltip, TooltipProps } from '@digdir/designsystemet-react';
+export { Tooltip, TooltipProps };

package/dist/components/ValidationMessage/ValidationMessage.d.ts

@@ -0,0 +1,2 @@
+import { ValidationMessage, ValidationMessageProps } from '@digdir/designsystemet-react';
+export { ValidationMessage, ValidationMessageProps };

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@digdir/designsystemet-css");const e=require("@digdir/designsystemet-react");Object.defineProperty(exports,"Alert",{enumerable:!0,get:()=>e.Alert});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:()=>e.Avatar});Object.defineProperty(exports,"Badge",{enumerable:!0,get:()=>e.Badge});Object.defineProperty(exports,"Breadcrumbs",{enumerable:!0,get:()=>e.Breadcrumbs});Object.defineProperty(exports,"Button",{enumerable:!0,get:()=>e.Button});Object.defineProperty(exports,"Card",{enumerable:!0,get:()=>e.Card});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:()=>e.Checkbox});Object.defineProperty(exports,"Chip",{enumerable:!0,get:()=>e.Chip});Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:()=>e.ChipButton});Object.defineProperty(exports,"ChipCheckbox",{enumerable:!0,get:()=>e.ChipCheckbox});Object.defineProperty(exports,"ChipRadio",{enumerable:!0,get:()=>e.ChipRadio});Object.defineProperty(exports,"ChipRemovable",{enumerable:!0,get:()=>e.ChipRemovable});Object.defineProperty(exports,"Details",{enumerable:!0,get:()=>e.Details});Object.defineProperty(exports,"Dialog",{enumerable:!0,get:()=>e.Dialog});Object.defineProperty(exports,"Divider",{enumerable:!0,get:()=>e.Divider});Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:()=>e.Dropdown});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestion",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestion});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestionChips",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestionChips});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestionClear",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestionClear});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestionEmpty",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestionEmpty});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestionInput",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestionInput});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestionList",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestionList});Object.defineProperty(exports,"EXPERIMENTAL_MultiSuggestionOption",{enumerable:!0,get:()=>e.EXPERIMENTAL_MultiSuggestionOption});Object.defineProperty(exports,"EXPERIMENTAL_Suggestion",{enumerable:!0,get:()=>e.EXPERIMENTAL_Suggestion});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionClear",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionClear});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionEmpty",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionEmpty});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionInput",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionInput});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionList",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionList});Object.defineProperty(exports,"EXPERIMENTAL_SuggestionOption",{enumerable:!0,get:()=>e.EXPERIMENTAL_SuggestionOption});Object.defineProperty(exports,"ErrorSummary",{enumerable:!0,get:()=>e.ErrorSummary});Object.defineProperty(exports,"Field",{enumerable:!0,get:()=>e.Field});Object.defineProperty(exports,"Fieldset",{enumerable:!0,get:()=>e.Fieldset});Object.defineProperty(exports,"Heading",{enumerable:!0,get:()=>e.Heading});Object.defineProperty(exports,"Input",{enumerable:!0,get:()=>e.Input});Object.defineProperty(exports,"Label",{enumerable:!0,get:()=>e.Label});Object.defineProperty(exports,"Link",{enumerable:!0,get:()=>e.Link});Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List});Object.defineProperty(exports,"ListItem",{enumerable:!0,get:()=>e.ListItem});Object.defineProperty(exports,"ListOrdered",{enumerable:!0,get:()=>e.ListOrdered});Object.defineProperty(exports,"ListUnordered",{enumerable:!0,get:()=>e.ListUnordered});Object.defineProperty(exports,"Pagination",{enumerable:!0,get:()=>e.Pagination});Object.defineProperty(exports,"Paragraph",{enumerable:!0,get:()=>e.Paragraph});Object.defineProperty(exports,"Popover",{enumerable:!0,get:()=>e.Popover});Object.defineProperty(exports,"Radio",{enumerable:!0,get:()=>e.Radio});Object.defineProperty(exports,"Search",{enumerable:!0,get:()=>e.Search});Object.defineProperty(exports,"Select",{enumerable:!0,get:()=>e.Select});Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:()=>e.Skeleton});Object.defineProperty(exports,"SkipLink",{enumerable:!0,get:()=>e.SkipLink});Object.defineProperty(exports,"Spinner",{enumerable:!0,get:()=>e.Spinner});Object.defineProperty(exports,"Switch",{enumerable:!0,get:()=>e.Switch});Object.defineProperty(exports,"Table",{enumerable:!0,get:()=>e.Table});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:()=>e.Tabs});Object.defineProperty(exports,"Tag",{enumerable:!0,get:()=>e.Tag});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:()=>e.Textarea});Object.defineProperty(exports,"Textfield",{enumerable:!0,get:()=>e.Textfield});Object.defineProperty(exports,"ToggleGroup",{enumerable:!0,get:()=>e.ToggleGroup});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:()=>e.Tooltip});Object.defineProperty(exports,"ValidationMessage",{enumerable:!0,get:()=>e.ValidationMessage});

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+export * from './components/Alert/Alert';
+export * from './components/Avatar/Avatar';
+export * from './components/Badge/Badge';
+export * from './components/Breadcrumbs/Breadcrumbs';
+export * from './components/Button/Button';
+export * from './components/Card/Card';
+export * from './components/Checkbox/Checkbox';
+export * from './components/Chip/Chip';
+export * from './components/Details/Details';
+export * from './components/Dialog/Dialog';
+export * from './components/Divider/Divider';
+export * from './components/Dropdown/Dropdown';
+export * from './components/ErrorSummary/ErrorSummary';
+export * from './components/Field/Field';
+export * from './components/Fieldset/Fieldset';
+export * from './components/Input/Input';
+export * from './components/Link/Link';
+export * from './components/List/List';
+export * from './components/Loaders';
+export * from './components/MultiSuggestion/MultiSuggestion';
+export * from './components/Pagination/Pagination';
+export * from './components/Popover/Popover';
+export * from './components/Radio/Radio';
+export * from './components/Search/Search';
+export * from './components/Select/Select';
+export * from './components/SkipLink/SkipLink';
+export * from './components/Suggestion/Suggestion';
+export * from './components/Switch/Switch';
+export * from './components/Table/Table';
+export * from './components/Tabs/Tabs';
+export * from './components/Tag/Tag';
+export * from './components/Textarea/Textarea';
+export * from './components/Textfield/Textfield';
+export * from './components/ToggleGroup/ToggleGroup';
+export * from './components/Tooltip/Tooltip';
+export * from './components/Paragraph/Paragraph';
+export * from './components/ValidationMessage/ValidationMessage';
+export * from './components/Label/Label';
+export * from './components/Heading/Heading';

package/dist/index.js

@@ -0,0 +1,62 @@
+import "@digdir/designsystemet-css";
+import { Alert as E, Avatar as o, Badge as g, Breadcrumbs as n, Button as a, Card as u, Checkbox as r, Chip as s, ChipButton as l, ChipCheckbox as p, ChipRadio as L, ChipRemovable as M, Details as S, Dialog as T, Divider as I, Dropdown as d, EXPERIMENTAL_MultiSuggestion as P, EXPERIMENTAL_MultiSuggestionChips as R, EXPERIMENTAL_MultiSuggestionClear as A, EXPERIMENTAL_MultiSuggestionEmpty as N, EXPERIMENTAL_MultiSuggestionInput as X, EXPERIMENTAL_MultiSuggestionList as _, EXPERIMENTAL_MultiSuggestionOption as h, EXPERIMENTAL_Suggestion as C, EXPERIMENTAL_SuggestionClear as m, EXPERIMENTAL_SuggestionEmpty as b, EXPERIMENTAL_SuggestionInput as c, EXPERIMENTAL_SuggestionList as k, EXPERIMENTAL_SuggestionOption as x, ErrorSummary as v, Field as B, Fieldset as D, Heading as y, Input as O, Label as f, Link as w, List as F, ListItem as G, ListOrdered as H, ListUnordered as U, Pagination as V, Paragraph as j, Popover as q, Radio as z, Search as J, Select as K, Skeleton as Q, SkipLink as W, Spinner as Y, Switch as Z, Table as $, Tabs as ii, Tag as ti, Textarea as ei, Textfield as Ei, ToggleGroup as oi, Tooltip as gi, ValidationMessage as ni } from "@digdir/designsystemet-react";
+export {
+  E as Alert,
+  o as Avatar,
+  g as Badge,
+  n as Breadcrumbs,
+  a as Button,
+  u as Card,
+  r as Checkbox,
+  s as Chip,
+  l as ChipButton,
+  p as ChipCheckbox,
+  L as ChipRadio,
+  M as ChipRemovable,
+  S as Details,
+  T as Dialog,
+  I as Divider,
+  d as Dropdown,
+  P as EXPERIMENTAL_MultiSuggestion,
+  R as EXPERIMENTAL_MultiSuggestionChips,
+  A as EXPERIMENTAL_MultiSuggestionClear,
+  N as EXPERIMENTAL_MultiSuggestionEmpty,
+  X as EXPERIMENTAL_MultiSuggestionInput,
+  _ as EXPERIMENTAL_MultiSuggestionList,
+  h as EXPERIMENTAL_MultiSuggestionOption,
+  C as EXPERIMENTAL_Suggestion,
+  m as EXPERIMENTAL_SuggestionClear,
+  b as EXPERIMENTAL_SuggestionEmpty,
+  c as EXPERIMENTAL_SuggestionInput,
+  k as EXPERIMENTAL_SuggestionList,
+  x as EXPERIMENTAL_SuggestionOption,
+  v as ErrorSummary,
+  B as Field,
+  D as Fieldset,
+  y as Heading,
+  O as Input,
+  f as Label,
+  w as Link,
+  F as List,
+  G as ListItem,
+  H as ListOrdered,
+  U as ListUnordered,
+  V as Pagination,
+  j as Paragraph,
+  q as Popover,
+  z as Radio,
+  J as Search,
+  K as Select,
+  Q as Skeleton,
+  W as SkipLink,
+  Y as Spinner,
+  Z as Switch,
+  $ as Table,
+  ii as Tabs,
+  ti as Tag,
+  ei as Textarea,
+  Ei as Textfield,
+  oi as ToggleGroup,
+  gi as Tooltip,
+  ni as ValidationMessage
+};

package/dist/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@ks-digital/designsystem-react",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ks-no/designsystem.git",
+    "directory": "packages/react"
+  },
+  "version": "0.0.1-alpha.2",
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "./dist"
+  ],
+  "dependencies": {
+    "@digdir/designsystemet-css": "1.0.5",
+    "@digdir/designsystemet-react": "1.0.5",
+    "@navikt/aksel-icons": "^7.21.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
+  }
+}

package/package.json

@@ -5,21 +5,32 @@
     "url": "https://github.com/ks-no/designsystem.git",
     "directory": "packages/react"
   },
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.2",
   "license": "MIT",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
   "type": "module",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "./dist"
+  ],
   "dependencies": {
     "@digdir/designsystemet-css": "1.0.5",
-    "@digdir/designsystemet-react": "1.0.5"
+    "@digdir/designsystemet-react": "1.0.5",
+    "@navikt/aksel-icons": "^7.21.1"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
   }
 }

package/eslint.config.mjs

@@ -1,12 +0,0 @@
-import nx from '@nx/eslint-plugin'
-import baseConfig from '../../eslint.config.mjs'
-
-export default [
-  ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
-]

package/project.json

@@ -1,8 +0,0 @@
-{
-  "name": "@ks-digital/designsystem-react",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/react/src",
-  "projectType": "library",
-  "tags": [],
-  "targets": {}
-}

package/src/components/Alert/Alert.tsx

@@ -1,2 +0,0 @@
-import { Alert, type AlertProps } from '@digdir/designsystemet-react'
-export { Alert, AlertProps }

package/src/components/Avatar/Avatar.tsx

@@ -1,2 +0,0 @@
-import { Avatar, type AvatarProps } from '@digdir/designsystemet-react'
-export { Avatar, AvatarProps }

package/src/components/Badge/Badge.tsx

@@ -1,2 +0,0 @@
-import { Badge, type BadgeProps } from '@digdir/designsystemet-react'
-export { Badge, BadgeProps }

package/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,5 +0,0 @@
-import {
-  Breadcrumbs,
-  type BreadcrumbsProps,
-} from '@digdir/designsystemet-react'
-export { Breadcrumbs, BreadcrumbsProps }

package/src/components/Button/Button.tsx

@@ -1,2 +0,0 @@
-import { Button, type ButtonProps } from '@digdir/designsystemet-react'
-export { Button, ButtonProps }

package/src/components/Card/Card.tsx

@@ -1,2 +0,0 @@
-import { Card, type CardProps } from '@digdir/designsystemet-react'
-export { Card, CardProps }

package/src/components/Checkbox/Checkbox.tsx

@@ -1,2 +0,0 @@
-import { Checkbox, type CheckboxProps } from '@digdir/designsystemet-react'
-export { Checkbox, CheckboxProps }

package/src/components/Chip/Chip.tsx

@@ -1,23 +0,0 @@
-import {
-  Chip,
-  ChipButton,
-  type ChipButtonProps,
-  ChipCheckbox,
-  type ChipCheckboxProps,
-  ChipRadio,
-  type ChipRadioProps,
-  ChipRemovable,
-  type ChipRemovableProps,
-} from '@digdir/designsystemet-react'
-
-export {
-  Chip,
-  ChipButton,
-  ChipButtonProps,
-  ChipCheckbox,
-  ChipCheckboxProps,
-  ChipRadio,
-  ChipRadioProps,
-  ChipRemovable,
-  ChipRemovableProps,
-}

package/src/components/Details/Details.tsx

@@ -1,2 +0,0 @@
-import { Details, type DetailsProps } from '@digdir/designsystemet-react'
-export { Details, DetailsProps }

package/src/components/Dialog/Dialog.tsx

@@ -1,2 +0,0 @@
-import { Dialog, type DialogProps } from '@digdir/designsystemet-react'
-export { Dialog, DialogProps }

package/src/components/Divider/Divider.tsx

@@ -1,2 +0,0 @@
-import { Divider, type DividerProps } from '@digdir/designsystemet-react'
-export { Divider, DividerProps }

package/src/components/Dropdown/Dropdown.tsx

@@ -1,2 +0,0 @@
-import { Dropdown, type DropdownProps } from '@digdir/designsystemet-react'
-export { Dropdown, DropdownProps }

package/src/components/ErrorSummary/ErrorSummary.tsx

@@ -1,5 +0,0 @@
-import {
-  ErrorSummary,
-  type ErrorSummaryProps,
-} from '@digdir/designsystemet-react'
-export { ErrorSummary, ErrorSummaryProps }

package/src/components/Field/Field.tsx

@@ -1,2 +0,0 @@
-import { Field, type FieldProps } from '@digdir/designsystemet-react'
-export { Field, FieldProps }

package/src/components/Fieldset/Fieldset.tsx

@@ -1,2 +0,0 @@
-import { Fieldset, type FieldsetProps } from '@digdir/designsystemet-react'
-export { Fieldset, FieldsetProps }

package/src/components/Heading/Heading.tsx

@@ -1,2 +0,0 @@
-import { Heading, type HeadingProps } from '@digdir/designsystemet-react'
-export { Heading, HeadingProps }

package/src/components/Input/Input.tsx

@@ -1,2 +0,0 @@
-import { Input, type InputProps } from '@digdir/designsystemet-react'
-export { Input, InputProps }

package/src/components/Label/Label.tsx

@@ -1,2 +0,0 @@
-import { Label, type LabelProps } from '@digdir/designsystemet-react'
-export { Label, LabelProps }

package/src/components/Link/Link.tsx

@@ -1,2 +0,0 @@
-import { Link, type LinkProps } from '@digdir/designsystemet-react'
-export { Link, LinkProps }

package/src/components/List/List.tsx

@@ -1,19 +0,0 @@
-import {
-  List,
-  ListOrdered,
-  type ListOrderedProps,
-  ListUnordered,
-  type ListUnorderedProps,
-  ListItem,
-  type ListItemProps,
-} from '@digdir/designsystemet-react'
-
-export {
-  List,
-  ListOrdered,
-  ListOrderedProps,
-  ListUnordered,
-  ListUnorderedProps,
-  ListItem,
-  ListItemProps,
-}

package/src/components/Loaders/index.tsx

@@ -1,2 +0,0 @@
-export * from './spinner/Spinner'
-export * from './skeleton/Skeleton'

package/src/components/Loaders/skeleton/Skeleton.tsx

@@ -1,2 +0,0 @@
-import { Skeleton, type SkeletonProps } from '@digdir/designsystemet-react'
-export { Skeleton, SkeletonProps }

package/src/components/Loaders/spinner/Spinner.tsx

@@ -1,2 +0,0 @@
-import { Spinner, type SpinnerProps } from '@digdir/designsystemet-react'
-export { Spinner, SpinnerProps }

package/src/components/MultiSuggestion/MultiSuggestion.tsx

@@ -1,33 +0,0 @@
-import {
-  EXPERIMENTAL_MultiSuggestion,
-  EXPERIMENTAL_MultiSuggestionInput,
-  EXPERIMENTAL_MultiSuggestionList,
-  EXPERIMENTAL_MultiSuggestionOption,
-  EXPERIMENTAL_MultiSuggestionChips,
-  EXPERIMENTAL_MultiSuggestionEmpty,
-  EXPERIMENTAL_MultiSuggestionClear,
-  type MultiSuggestionProps,
-  type MultiSuggestionInputProps,
-  type MultiSuggestionListProps,
-  type MultiSuggestionOptionProps,
-  type MultiSuggestionChipsProps,
-  type MultiSuggestionEmptyProps,
-  type MultiSuggestionClearProps,
-} from '@digdir/designsystemet-react'
-
-export {
-  EXPERIMENTAL_MultiSuggestion,
-  EXPERIMENTAL_MultiSuggestionInput,
-  EXPERIMENTAL_MultiSuggestionList,
-  EXPERIMENTAL_MultiSuggestionOption,
-  EXPERIMENTAL_MultiSuggestionChips,
-  EXPERIMENTAL_MultiSuggestionEmpty,
-  EXPERIMENTAL_MultiSuggestionClear,
-  MultiSuggestionProps,
-  MultiSuggestionInputProps,
-  MultiSuggestionListProps,
-  MultiSuggestionOptionProps,
-  MultiSuggestionChipsProps,
-  MultiSuggestionEmptyProps,
-  MultiSuggestionClearProps,
-}

package/src/components/Pagination/Pagination.tsx

@@ -1,2 +0,0 @@
-import { Pagination, type PaginationProps } from '@digdir/designsystemet-react'
-export { Pagination, PaginationProps }

package/src/components/Paragraph/Paragraph.tsx

@@ -1,2 +0,0 @@
-import { Paragraph, type ParagraphProps } from '@digdir/designsystemet-react'
-export { Paragraph, ParagraphProps }

package/src/components/Popover/Popover.tsx

@@ -1,2 +0,0 @@
-import { Popover, type PopoverProps } from '@digdir/designsystemet-react'
-export { Popover, PopoverProps }

package/src/components/Radio/Radio.tsx

@@ -1,2 +0,0 @@
-import { Radio, type RadioProps } from '@digdir/designsystemet-react'
-export { Radio, RadioProps }

package/src/components/Search/Search.tsx

@@ -1,2 +0,0 @@
-import { Search, type SearchProps } from '@digdir/designsystemet-react'
-export { Search, SearchProps }

package/src/components/Select/Select.tsx

@@ -1,2 +0,0 @@
-import { Select, type SelectProps } from '@digdir/designsystemet-react'
-export { Select, SelectProps }

package/src/components/SkipLink/SkipLink.tsx

@@ -1,2 +0,0 @@
-import { SkipLink, type SkipLinkProps } from '@digdir/designsystemet-react'
-export { SkipLink, SkipLinkProps }

package/src/components/Suggestion/Suggestion.tsx

@@ -1,29 +0,0 @@
-import {
-  EXPERIMENTAL_Suggestion,
-  EXPERIMENTAL_SuggestionList,
-  EXPERIMENTAL_SuggestionInput,
-  EXPERIMENTAL_SuggestionEmpty,
-  EXPERIMENTAL_SuggestionOption,
-  EXPERIMENTAL_SuggestionClear,
-  type SuggestionProps,
-  type SuggestionListProps,
-  type SuggestionInputProps,
-  type SuggestionEmptyProps,
-  type SuggestionOptionProps,
-  type SuggestionClearProps,
-} from '@digdir/designsystemet-react'
-
-export {
-  EXPERIMENTAL_Suggestion,
-  EXPERIMENTAL_SuggestionList,
-  EXPERIMENTAL_SuggestionInput,
-  EXPERIMENTAL_SuggestionEmpty,
-  EXPERIMENTAL_SuggestionOption,
-  EXPERIMENTAL_SuggestionClear,
-  SuggestionProps,
-  SuggestionListProps,
-  SuggestionInputProps,
-  SuggestionEmptyProps,
-  SuggestionOptionProps,
-  SuggestionClearProps,
-}

package/src/components/Switch/Switch.tsx

@@ -1,2 +0,0 @@
-import { Switch, type SwitchProps } from '@digdir/designsystemet-react'
-export { Switch, SwitchProps }

package/src/components/Table/Table.tsx

@@ -1,2 +0,0 @@
-import { Table, type TableProps } from '@digdir/designsystemet-react'
-export { Table, TableProps }

package/src/components/Tabs/Tabs.tsx

@@ -1,2 +0,0 @@
-import { Tabs, type TabsProps } from '@digdir/designsystemet-react'
-export { Tabs, TabsProps }

package/src/components/Tag/Tag.tsx

@@ -1,2 +0,0 @@
-import { Tag, type TagProps } from '@digdir/designsystemet-react'
-export { Tag, TagProps }

package/src/components/Textarea/Textarea.tsx

@@ -1,2 +0,0 @@
-import { Textarea, type TextareaProps } from '@digdir/designsystemet-react'
-export { Textarea, TextareaProps }

package/src/components/Textfield/Textfield.tsx

@@ -1,2 +0,0 @@
-import { Textfield, type TextfieldProps } from '@digdir/designsystemet-react'
-export { Textfield, TextfieldProps }

package/src/components/ToggleGroup/ToggleGroup.tsx

@@ -1,5 +0,0 @@
-import {
-  ToggleGroup,
-  type ToggleGroupProps,
-} from '@digdir/designsystemet-react'
-export { ToggleGroup, ToggleGroupProps }

package/src/components/Tooltip/Tooltip.tsx

@@ -1,2 +0,0 @@
-import { Tooltip, type TooltipProps } from '@digdir/designsystemet-react'
-export { Tooltip, TooltipProps }

package/src/components/ValidationMessage/ValidationMessage.tsx

@@ -1,5 +0,0 @@
-import {
-  ValidationMessage,
-  type ValidationMessageProps,
-} from '@digdir/designsystemet-react'
-export { ValidationMessage, ValidationMessageProps }

package/src/index.ts

@@ -1,42 +0,0 @@
-import '@digdir/designsystemet-css'
-
-export * from './react-types.d'
-export * from './components/Alert/Alert'
-export * from './components/Avatar/Avatar'
-export * from './components/Badge/Badge'
-export * from './components/Breadcrumbs/Breadcrumbs'
-export * from './components/Button/Button'
-export * from './components/Card/Card'
-export * from './components/Checkbox/Checkbox'
-export * from './components/Chip/Chip'
-export * from './components/Details/Details'
-export * from './components/Dialog/Dialog'
-export * from './components/Divider/Divider'
-export * from './components/Dropdown/Dropdown'
-export * from './components/ErrorSummary/ErrorSummary'
-export * from './components/Field/Field'
-export * from './components/Fieldset/Fieldset'
-export * from './components/Input/Input'
-export * from './components/Link/Link'
-export * from './components/List/List'
-export * from './components/Loaders'
-export * from './components/MultiSuggestion/MultiSuggestion'
-export * from './components/Pagination/Pagination'
-export * from './components/Popover/Popover'
-export * from './components/Radio/Radio'
-export * from './components/Search/Search'
-export * from './components/Select/Select'
-export * from './components/SkipLink/SkipLink'
-export * from './components/Suggestion/Suggestion'
-export * from './components/Switch/Switch'
-export * from './components/Table/Table'
-export * from './components/Tabs/Tabs'
-export * from './components/Tag/Tag'
-export * from './components/Textarea/Textarea'
-export * from './components/Textfield/Textfield'
-export * from './components/ToggleGroup/ToggleGroup'
-export * from './components/Tooltip/Tooltip'
-export * from './components/Paragraph/Paragraph'
-export * from './components/ValidationMessage/ValidationMessage'
-export * from './components/Label/Label'
-export * from './components/Heading/Heading'

package/src/react-types.d.ts

@@ -1,15 +0,0 @@
-import type { Size } from '@digdir/designsystemet-react'
-import type { Color } from '@digdir/designsystemet-react/colors'
-
-/*
- * Typing of data-size and data-color attributes in React components.
- */
-declare global {
-  namespace React {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    interface HTMLAttributes<T> {
-      'data-size'?: Size | (string & {})
-      'data-color'?: Color | (string & {})
-    }
-  }
-}

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "importHelpers": true,
-    "noImplicitOverride": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "jsx": "react-jsx",
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,23 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "types": ["node", "vite/client"]
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": [
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx"
-  ]
-}

package/tsconfig.spec.json

@@ -1,28 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-      "vitest/globals",
-      "vitest/importMeta",
-      "vite/client",
-      "node",
-      "vitest"
-    ]
-  },
-  "include": [
-    "vite.config.ts",
-    "vite.config.mts",
-    "vitest.config.ts",
-    "vitest.config.mts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts"
-  ]
-}

package/vite.config.ts

@@ -1,53 +0,0 @@
-/// <reference types='vitest' />
-import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin'
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin'
-import react from '@vitejs/plugin-react'
-import * as path from 'path'
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-
-export default defineConfig(() => ({
-  root: __dirname,
-  cacheDir: '../../node_modules/.vite/packages/react',
-  plugins: [
-    react(),
-    nxViteTsPaths(),
-    nxCopyAssetsPlugin(['*.md']),
-    dts({
-      entryRoot: 'src',
-      tsconfigPath: path.join(__dirname, 'tsconfig.lib.json'),
-    }),
-  ],
-  // Configuration for building your library.
-  // See: https://vitejs.dev/guide/build.html#library-mode
-  build: {
-    outDir: '../../dist/packages/react',
-    emptyOutDir: true,
-    reportCompressedSize: true,
-    commonjsOptions: {
-      transformMixedEsModules: true,
-    },
-    lib: {
-      // Could also be a dictionary or array of multiple entry points.
-      entry: 'src/index.ts',
-      name: '@ks-digital/designsystem-react',
-      fileName: 'index',
-      formats: ['es' as const],
-    },
-    rollupOptions: {
-      // External packages that should not be bundled into your library.
-      external: ['react', 'react-dom'],
-    },
-  },
-  test: {
-    watch: false,
-    globals: true,
-    environment: 'node',
-    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    reporters: ['default'],
-    coverage: {
-      reportsDirectory: '../../coverage/packages/react',
-      provider: 'v8' as const,
-    },
-  },
-}))