@ks-digital/designsystem-react 0.0.1-alpha.0 → 0.0.1-alpha.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.1",
   "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,
-    },
-  },
-}))