@gyldendal/kobber-components - npm Package Compare versions

Comparing version 0.3.75 to 0.3.76

dist/react-ssr-safe/index.d.ts

@@ -1,9 +0,13 @@
-import { L as LinkProps, a as ListProps, b as ListItemProps } from '../Link.core-Cx2A5ben.js';
-import { A as AccordionProps } from '../Accordion.core-BALR9YOm.js';
-import { T as TextHighlightProps, H as HeadingProps, B as ButtonProps } from '../index.vanilla-js-CRUUVl0v.js';
+import { T as TextLinkProps, L as LinkProps, a as ListProps, b as ListItemProps, R as RadioGroup, I as InputProps, C as ControlProps } from '../TextLink.core-BArgk6g0.js';
+import * as _lit_react from '@lit/react';
+import { A as AccordionProps } from '../Accordion.core-CjAIqx_2.js';
+import { T as TextHighlightProps, H as HeadingProps, B as ButtonProps } from '../index.vanilla-js-0JrWMAHX.js';
 import * as React from 'react';
+import 'lit';
 import '@gyldendal/kobber-base/themes/default/tokens.js';
+import '@gyldendal/kobber-base/themes/default/tokens.css-variables.js';
 
 declare const KobberTextWrapper: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const KobberTextHighlight: React.ForwardRefExoticComponent<Omit<TextHighlightProps & React.HTMLProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const KobberTextLink: React.ForwardRefExoticComponent<Omit<TextLinkProps & React.HTMLProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 declare const KobberHeading: React.ForwardRefExoticComponent<Omit<HeadingProps & React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
@@ -20,3 +24,10 @@ declare const KobberIngress: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 } & ListItemProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const KobberRadioGroup: _lit_react.ReactWebComponent<RadioGroup, {
+    onSlChange: string;
+    onSlInput: string;
+    onSlInvalid: string;
+}>;
+declare const KobberRadioInput: React.ForwardRefExoticComponent<Omit<InputProps & React.HTMLProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const KobberRadioInputControl: React.ForwardRefExoticComponent<Omit<ControlProps & React.HTMLProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-export { KobberAccordion, KobberButton, KobberHeading, KobberIngress, KobberLink, KobberList, KobberListItem, KobberTextHighlight, KobberTextWrapper };
+export { KobberAccordion, KobberButton, KobberHeading, KobberIngress, KobberLink, KobberList, KobberListItem, KobberRadioGroup, KobberRadioInput, KobberRadioInputControl, KobberTextHighlight, KobberTextLink, KobberTextWrapper };

dist/react-ssr-safe/index.js

@@ -9,7 +9,11 @@ import {
   ListItem,
+  RadioGroup,
+  RadioInput,
+  RadioInputControl,
   TextHighlight,
+  TextLink,
   TextWrapper
-} from "../chunks/chunk-CDTDW2HF.js";
-import "../chunks/chunk-QVT2GE4N.js";
-import "../chunks/chunk-AU7JGDDP.js";
+} from "../chunks/chunk-7I4HRMEI.js";
+import "../chunks/chunk-PP3GD4WR.js";
+import "../chunks/chunk-7DTZ5YWS.js";
 
@@ -19,2 +23,3 @@ // src/index.react-ssr-safe.tsx
 var KobberTextHighlight = TextHighlight;
+var KobberTextLink = TextLink;
 var KobberHeading = Heading;
@@ -27,2 +32,5 @@ var KobberIngress = Ingress;
 var KobberListItem = ListItem;
+var KobberRadioGroup = RadioGroup;
+var KobberRadioInput = RadioInput;
+var KobberRadioInputControl = RadioInputControl;
 export {
@@ -36,4 +44,8 @@ KobberAccordion,
   KobberListItem,
+  KobberRadioGroup,
+  KobberRadioInput,
+  KobberRadioInputControl,
   KobberTextHighlight,
+  KobberTextLink,
   KobberTextWrapper
 };

dist/react/index.d.ts

@@ -0,10 +1,11 @@
+import { T as TextLinkProps, L as LinkProps, a as ListProps, b as ListItemProps, R as RadioGroup, I as InputProps, C as ControlProps } from '../TextLink.core-BArgk6g0.js';
 import * as _lit_react from '@lit/react';
-import { L as LinkProps, a as ListProps, b as ListItemProps } from '../Link.core-Cx2A5ben.js';
-import { A as AccordionProps } from '../Accordion.core-BALR9YOm.js';
-import { T as TextHighlightProps, H as HeadingProps, B as ButtonProps } from '../index.vanilla-js-CRUUVl0v.js';
+import { A as AccordionProps } from '../Accordion.core-CjAIqx_2.js';
+import { T as TextHighlightProps, H as HeadingProps, B as ButtonProps } from '../index.vanilla-js-0JrWMAHX.js';
 import * as React from 'react';
-import { T as Theme, K as KobberElement, G as Grid, a as GridColumn, b as GridColumnAspectRatio, C as Checkbox, P as ProgressBar, c as ProgressBarItem, d as CardLayout, e as CardLayoutColumnAspectRatio, B as BoxLayout, f as Carousel, H as HorizontalLayout, g as HorizontalLayoutColumn } from '../HorizontalLayoutColumn-BIq5U4K0.js';
+import { T as Theme, K as KobberElement, G as Grid, a as GridColumn, b as GridColumnAspectRatio, C as Checkbox, P as ProgressBar, c as ProgressBarItem, d as CardLayout, e as CardLayoutColumnAspectRatio, B as BoxLayout, f as Carousel, H as HorizontalLayout, g as HorizontalLayoutColumn } from '../HorizontalLayoutColumn-CfF3UVFQ.js';
 import * as lit from 'lit';
 import { LitElement, CSSResultGroup } from 'lit';
 import '@gyldendal/kobber-base/themes/default/tokens.js';
+import '@gyldendal/kobber-base/themes/default/tokens.css-variables.js';
 import '@lit/context';
@@ -35,2 +36,3 @@ import '@gyldendal/kobber-base/themes/dark/tokens';
 declare const KobberTextHighlight: React.ForwardRefExoticComponent<Omit<TextHighlightProps & React.HTMLProps<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const KobberTextLink: React.ForwardRefExoticComponent<Omit<TextLinkProps & React.HTMLProps<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 declare const KobberHeading: React.ForwardRefExoticComponent<Omit<HeadingProps & React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
@@ -47,2 +49,9 @@ declare const KobberIngress: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 } & ListItemProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const KobberRadioGroup: _lit_react.ReactWebComponent<RadioGroup, {
+    onSlChange: string;
+    onSlInput: string;
+    onSlInvalid: string;
+}>;
+declare const KobberRadioInput: React.ForwardRefExoticComponent<Omit<InputProps & React.HTMLProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const KobberRadioInputControl: React.ForwardRefExoticComponent<Omit<ControlProps & React.HTMLProps<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const KobberGrid: _lit_react.ReactWebComponent<Grid, {}>;
@@ -63,2 +72,2 @@ declare const KobberGridColumn: _lit_react.ReactWebComponent<GridColumn, {}>;
 
-export { KobberAccordion, KobberBoxLayout, KobberButton, KobberCardLayout, KobberCardLayoutColumnAspectRatio, KobberCarousel, KobberCheckbox, KobberDivider, KobberGrid, KobberGridColumn, KobberGridColumnAspectRatio, KobberHeading, KobberHorizontalLayout, KobberHorizontalLayoutColumn, KobberIngress, KobberLink, KobberList, KobberListItem, KobberProgressBar, KobberProgressBarItem, KobberTextHighlight, KobberTextWrapper, KobberThemeContext };
+export { KobberAccordion, KobberBoxLayout, KobberButton, KobberCardLayout, KobberCardLayoutColumnAspectRatio, KobberCarousel, KobberCheckbox, KobberDivider, KobberGrid, KobberGridColumn, KobberGridColumnAspectRatio, KobberHeading, KobberHorizontalLayout, KobberHorizontalLayoutColumn, KobberIngress, KobberLink, KobberList, KobberListItem, KobberProgressBar, KobberProgressBarItem, KobberRadioGroup, KobberRadioInput, KobberRadioInputControl, KobberTextHighlight, KobberTextLink, KobberTextWrapper, KobberThemeContext };

dist/react/index.js

@@ -9,5 +9,9 @@ import {
   ListItem,
+  RadioGroup,
+  RadioInput,
+  RadioInputControl,
   TextHighlight,
+  TextLink,
   TextWrapper
-} from "../chunks/chunk-CDTDW2HF.js";
+} from "../chunks/chunk-7I4HRMEI.js";
 import {
@@ -31,7 +35,7 @@ BoxLayout,
   stringifyStyleObject
-} from "../chunks/chunk-RHNNYRTI.js";
-import "../chunks/chunk-QVT2GE4N.js";
+} from "../chunks/chunk-OEF3ZKAO.js";
+import "../chunks/chunk-PP3GD4WR.js";
 import {
   __decorateClass
-} from "../chunks/chunk-AU7JGDDP.js";
+} from "../chunks/chunk-7DTZ5YWS.js";
 
@@ -238,2 +242,3 @@ // src/index.react.tsx
 var KobberTextHighlight = TextHighlight;
+var KobberTextLink = TextLink;
 var KobberHeading = Heading;
@@ -246,2 +251,5 @@ var KobberIngress = Ingress;
 var KobberListItem = ListItem;
+var KobberRadioGroup = RadioGroup;
+var KobberRadioInput = RadioInput;
+var KobberRadioInputControl = RadioInputControl;
 var KobberGrid = createComponent({
@@ -338,5 +346,9 @@ tagName: "kobber-grid",
   KobberProgressBarItem,
+  KobberRadioGroup,
+  KobberRadioInput,
+  KobberRadioInputControl,
   KobberTextHighlight,
+  KobberTextLink,
   KobberTextWrapper,
   KobberThemeContext
 };

dist/vanilla/index.d.ts

@@ -1,2 +0,2 @@
-export { g as button, f as heading, e as textHighlight } from '../index.vanilla-js-CRUUVl0v.js';
+export { g as button, f as heading, e as textHighlight } from '../index.vanilla-js-0JrWMAHX.js';
 import '@gyldendal/kobber-base/themes/default/tokens.js';

dist/vanilla/index.js

@@ -5,3 +5,3 @@ import {
   TextHighlight_core_exports
-} from "../chunks/chunk-AU7JGDDP.js";
+} from "../chunks/chunk-7DTZ5YWS.js";
 export {
@@ -8,0 +8,0 @@ Button_core_exports as button,

dist/web-components/index.d.ts

 import * as lit from 'lit';
 import { LitElement, CSSResultGroup } from 'lit';
-import { A as AccordionProps, a as AccordionAriaHeadingLevel } from '../Accordion.core-BALR9YOm.js';
-import { K as KobberElement } from '../HorizontalLayoutColumn-BIq5U4K0.js';
-export { B as BoxLayout, d as CardLayout, e as CardLayoutColumnAspectRatio, f as Carousel, C as Checkbox, G as Grid, a as GridColumn, H as HorizontalLayout, g as HorizontalLayoutColumn, P as ProgressBar, c as ProgressBarItem } from '../HorizontalLayoutColumn-BIq5U4K0.js';
-import { B as ButtonProps, a as ButtonColor, b as ButtonVariant, c as ButtonLevel, T as TextHighlightProps, d as TextHighlightColor, H as HeadingProps } from '../index.vanilla-js-CRUUVl0v.js';
+import { A as AccordionProps, a as AccordionAriaHeadingLevel } from '../Accordion.core-CjAIqx_2.js';
+export { B as Button } from '../Accordion.core-CjAIqx_2.js';
+import { K as KobberElement } from '../HorizontalLayoutColumn-CfF3UVFQ.js';
+export { B as BoxLayout, d as CardLayout, e as CardLayoutColumnAspectRatio, f as Carousel, C as Checkbox, G as Grid, a as GridColumn, H as HorizontalLayout, g as HorizontalLayoutColumn, P as ProgressBar, c as ProgressBarItem } from '../HorizontalLayoutColumn-CfF3UVFQ.js';
+import { T as TextHighlightProps, d as TextHighlightColor, H as HeadingProps } from '../index.vanilla-js-0JrWMAHX.js';
 import '@lit/context';
@@ -14,29 +15,2 @@ import '@gyldendal/kobber-base/themes/dark/tokens';
 /**
- * Button with icon slot
- *
- * @param ariaLabel required when using icon only
- *
- * Figma: https://www.figma.com/design/zMcbm8ujSMldgS1VB70IMP/Styles-%26-komponenter?node-id=111-158&node-type=canvas&m=dev
- */
-declare class Button extends LitElement implements ButtonProps {
-    static styles: CSSResultGroup;
-    color?: ButtonColor;
-    variant?: ButtonVariant;
-    level?: ButtonLevel;
-    iconFirst: boolean;
-    disabled: boolean;
-    fullWidth: boolean;
-    /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
-    href: string;
-    /** Tells the browser where to open the link. Only used when `href` is present. */
-    target?: "_blank" | "_parent" | "_self" | "_top";
-    private _hasIcon;
-    private _iconOnly;
-    private _label?;
-    private isLink;
-    connectedCallback(): void;
-    render(): lit.TemplateResult;
-}
-
-/**
  * Show or hide list items.
@@ -96,2 +70,2 @@ *
 
-export { Accordion, Badge, Button, Dropdown, Heading, TextHighlight, TextWrapper };
+export { Accordion, Badge, Dropdown, Heading, TextHighlight, TextWrapper };

dist/web-components/index.js

@@ -14,5 +14,4 @@ import {
   ProgressBar,
-  ProgressBarItem,
-  component_styles_default
-} from "../chunks/chunk-RHNNYRTI.js";
+  ProgressBarItem
+} from "../chunks/chunk-OEF3ZKAO.js";
 import {
@@ -22,2 +21,3 @@ accordionClassNames,
   accordionStyles,
+  component_styles_default,
   headingStyles,
@@ -33,3 +33,3 @@ listClassNames,
   textWrapperStyles
-} from "../chunks/chunk-QVT2GE4N.js";
+} from "../chunks/chunk-PP3GD4WR.js";
 import {
@@ -42,3 +42,3 @@ __decorateClass,
   textHighlightName
-} from "../chunks/chunk-AU7JGDDP.js";
+} from "../chunks/chunk-7DTZ5YWS.js";
 
@@ -45,0 +45,0 @@ // src/accordion/Accordion.ts

package.json

 {
   "name": "@gyldendal/kobber-components",
-  "version": "0.3.75",
+  "version": "0.3.76",
   "license": "MIT",
@@ -5,0 +5,0 @@ "type": "module",

README.md

@@ -6,2 +6,4 @@ # Component library
 
+See also https://kobber.gyldendal.no/komponenter.
+
 ## Installation
@@ -11,3 +13,2 @@
 
-
 ```
@@ -28,3 +29,2 @@ npm install @gyldendal/kobber-components
 
-
 ```
@@ -58,3 +58,5 @@ npm install @fontsource-variable/inter
 ```html
-<script>import "@gyldendal/kobber-components/web-components";</script>
+<script>
+  import "@gyldendal/kobber-components/web-components";
+</script>
 <kobber-progress-bar />
@@ -61,0 +63,0 @@ ```

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

331512

increased by9.88%

Lines of code

8188

increased by9.95%

Number of lines in readme file

117

increased by1.74%

Worsened metrics

Number of low supply chain risk alerts

2

increased byInfinity%

No dependency changes