@entur/button 3.3.12 → 3.3.13-beta.0

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@entur/button",
-  "version": "3.3.12",
+  "version": "3.3.13-beta.0",
   "license": "EUPL-1.2",
-  "main": "dist/index.js",
+  "main": "dist/button.cjs.js",
   "module": "dist/button.esm.js",
-  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/button.esm.js",
+      "require": "./dist/button.cjs.js"
+    },
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist"
   ],
@@ -17,23 +25,33 @@
     "access": "public"
   },
   "scripts": {
-    "start": "dts watch --noClean",
-    "build": "dts build",
-    "test": "dts test",
-    "lint": "dts lint src"
+    "start": "vite build --watch",
+    "build": "vite build",
+    "test": "jest",
+    "lint": "eslint src"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/loader": "^0.5.29",
-    "@entur/tokens": "^3.19.1",
-    "@entur/utils": "^0.12.3",
-    "classnames": "^2.3.1"
+    "@entur/loader": "^0.5.30-beta.0",
+    "@entur/tokens": "^3.19.2-beta.0",
+    "@entur/utils": "^0.12.4-beta.0",
+    "classnames": "^2.5.1"
   },
   "devDependencies": {
-    "dts-cli": "2.0.5"
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^10.4.9",
+    "@testing-library/user-event": "14.6.1",
+    "@vitejs/plugin-react": "^5.0.1",
+    "eslint": "^7.32.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "ts-jest": "^29.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "4833d9307ba9b2524458c08e8815674094cef97b"
+  "gitHead": "414181fa2084722438238256a9aa32e304896b9d"
 }

package/dist/Button.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-import './Button.scss';
-/** @deprecated use variant="secondary" size="small" instead */
-declare const tertiary = "tertiary";
-type ButtonBaseProps = {
-    /** Farge og uttrykk på knappen */
-    variant: 'primary' | 'secondary' | 'success' | 'negative' | typeof tertiary;
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React.ReactNode;
-    /** Et HTML-element eller en React-komponent som komponenten tar utgangspunkt i for å lage denne knappevarianten
-     * @default "button"
-     */
-    as?: string | React.ElementType;
-    /**
-     * Tekst som leses opp på skjermleser (nødvendig når knappetekst mangler)
-     */
-    'aria-label'?: string;
-};
-declare const defaultElement = "button";
-export type ButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, ButtonBaseProps>;
-export type ButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: ButtonProps<T>) => React.ReactElement | null;
-export declare const Button: ButtonComponent;
-export {};

package/dist/ButtonGroup.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './ButtonGroup.scss';
-export type ButtonGroupProps = {
-    /** To eller flere Button-komponenter */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** HTML-elementet eller React-komponenten som lages
-     * @default "div"
-     */
-    as?: string | React.ElementType;
-    [key: string]: any;
-};
-export declare const ButtonGroup: React.FC<ButtonGroupProps>;

package/dist/FloatingButton.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './FloatingButton.scss';
-export type FloatingButtonProps = {
-    /** Beskrivende tekst for skjermlesere */
-    'aria-label': string;
-    /** Ikon eller ikon-og-tekst */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Callback når knappen klikkes */
-    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /** Størrelse på knappen
-     * @default "medium"
-     */
-    size?: 'medium' | 'small';
-    [key: string]: any;
-} & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare const FloatingButton: React.FC<FloatingButtonProps>;

package/dist/IconButton.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-import './IconButton.scss';
-export type IconButtonBaseProps = {
-    /** Ikonet som du vil ha inne i knappen */
-    children: React.ReactNode;
-    /** Tekst som forklarer knappens handling. MÅ være satt hvis du ikke har en forklarende tooltip på knappen */
-    'aria-label'?: string;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** HTML-elementet eller React-komponenten som lager knappen
-     * @default 'button'
-     */
-    as?: React.ElementType;
-    /**Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-};
-declare const defaultElement = "button";
-export type IconButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, IconButtonBaseProps>;
-export type IconButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: IconButtonProps<T>) => React.ReactElement | null;
-export declare const IconButton: IconButtonComponent;
-export {};

package/dist/NegativeButton.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-export type NegativeButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React.ReactNode;
-};
-export type NegativeButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, NegativeButtonBaseProps>;
-export type NegativeButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: NegativeButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const NegativeButton: NegativeButtonComponent;
-export {};

package/dist/PrimaryButton.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-export type PrimaryButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React.ReactNode;
-};
-export type PrimaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, PrimaryButtonBaseProps>;
-export type PrimaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: PrimaryButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const PrimaryButton: PrimaryButtonComponent;
-export {};

package/dist/SecondaryButton.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-export type SecondaryButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React.ReactNode;
-};
-export type SecondaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SecondaryButtonBaseProps>;
-export type SecondaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SecondaryButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const SecondaryButton: SecondaryButtonComponent;
-export {};

package/dist/SecondarySquareButton.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-type SecondarySquareButtonBaseProps = {
-    /** Tekst og ikon, ikon og tekst, eller bare ikon */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-};
-export type SecondarySquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SecondarySquareButtonBaseProps>;
-export type SecondarySquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SecondarySquareButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const SecondarySquareButton: SecondarySquareButtonComponent;
-export {};

package/dist/SquareButton.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-import './SquareButton.scss';
-export type SquareButtonBaseProps = {
-    /** Tekst og ikon */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** En type knapp */
-    variant?: 'success' | 'secondary' | 'tertiary';
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** DOM-elementet knappen rendres som */
-    as?: string | React.ElementType;
-};
-export type SquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SquareButtonBaseProps>;
-export type SquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SquareButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const SquareButton: SquareButtonComponent;
-export {};

package/dist/SuccessButton.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-export type SuccessButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React.ReactNode;
-};
-export type SuccessButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessButtonBaseProps>;
-export type SuccessButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SuccessButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const SuccessButton: SuccessButtonComponent;
-export {};

package/dist/SuccessSquareButton.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-type SuccessSquareButtonBaseProps = {
-    /** Tekst og ikon, ikon og tekst, eller bare ikon */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-};
-export type SuccessSquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, SuccessSquareButtonBaseProps>;
-export type SuccessSquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: SuccessSquareButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const SuccessSquareButton: SuccessSquareButtonComponent;
-export {};

package/dist/TertiaryButton.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-export type TertiaryButtonBaseProps = {
-    /** Størrelsen på knappen
-     * @default 'medium'
-     */
-    size?: 'medium' | 'large';
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Bredden på knappen.
-     * @default 'auto'
-     */
-    width?: 'fluid' | 'auto';
-    /** Innholdet i knappen */
-    children: React.ReactNode;
-};
-export type TertiaryButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, TertiaryButtonBaseProps>;
-export type TertiaryButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: TertiaryButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-/** @deprecated use SecondaryButton size="small" instead */
-export declare const TertiaryButton: TertiaryButtonComponent;
-export {};

package/dist/TertiarySquareButton.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentPropsWithRef } from '@entur/utils';
-type TertiarySquareButtonBaseProps = {
-    /** Tekst og ikon, ikon og tekst, eller bare ikon */
-    children: React.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Deaktivering av knappen
-     * @default false
-     */
-    disabled?: boolean;
-    /** Om knappen er opptatt, f.eks. med å lagre eller å kjøpe
-     * @default false
-     */
-    loading?: boolean;
-    /** DOM-elementet knappen rendres som */
-    as?: string | React.ElementType;
-};
-export type TertiarySquareButtonProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, TertiarySquareButtonBaseProps>;
-export type TertiarySquareButtonComponent = <T extends React.ElementType = typeof defaultElement>(props: TertiarySquareButtonProps<T>) => React.ReactElement | null;
-declare const defaultElement = "button";
-export declare const TertiarySquareButton: TertiarySquareButtonComponent;
-export {};