@helsenorge/designsystem-react 7.12.0 → 7.13.0

package/constants.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r[r.XXSmall = 24] = "XXSmall", r[r.XSmall = 38] = "XSmall", r[r.Small = 48] = "Small", r[r.Medium = 64] = "Medium", r[r.Large = 80] = "Large", r[r.XLarge = 130] = "XLarge", r))(e || {}), o = /* @__PURE__ */ ((r) => (r[r.Modal = 13e5] = "Modal", r[r.PopOver = 11e3] = "PopOver", r[r.ExpanderTrigger = 1e4] = "ExpanderTrigger", r[r.OverlayScreen = 9999] = "OverlayScreen", r))(o || {});
+var e = /* @__PURE__ */ ((r) => (r[r.XXSmall = 24] = "XXSmall", r[r.XSmall = 38] = "XSmall", r[r.Small = 48] = "Small", r[r.Medium = 64] = "Medium", r[r.Large = 80] = "Large", r[r.XLarge = 130] = "XLarge", r))(e || {}), o = /* @__PURE__ */ ((r) => (r[r.Modal = 13e5] = "Modal", r[r.PopOver = 11e3] = "PopOver", r[r.ExpanderTrigger = 1e4] = "ExpanderTrigger", r[r.OverlayScreen = 9999] = "OverlayScreen", r[r.TabsSticky = 10] = "TabsSticky", r))(o || {});
 const g = 12;
 var p = /* @__PURE__ */ ((r) => (r.onwhite = "onwhite", r.ongrey = "ongrey", r.onblueberry = "onblueberry", r.ondark = "ondark", r.oninvalid = "oninvalid", r))(p || {}), a = /* @__PURE__ */ ((r) => (r.medium = "medium", r.large = "large", r))(a || {}), t = /* @__PURE__ */ ((r) => (r.AnchorLink = "anchor-link", r.Avatar = "avatar", r.Badge = "badge", r.Button = "button", r.Checkbox = "checkbox", r.Close = "close", r.DictionaryTrigger = "dictionary-trigger", r.Dropdown = "dropdown", r.Duolist = "duolist", r.EmptyState = "empty-state", r.Expander = "expander", r.ExpanderHierarchy = "expander-hierarchy", r.ExpanderHierarchyExpander = "expander-hierarchy-expander", r.ExpanderList = "expander-list", r.ExpanderListExpander = "expander-list-expander", r.FormGroup = "form-group", r.FormLayout = "form-layout", r.HelpBubble = "help-bubble", r.HelpQuestion = "help-question", r.HighlightBox = "highlight-box", r.Icon = "icon", r.Illustration = "Illustration", r.Input = "input", r.Label = "label", r.Link = "link", r.LinkList = "link-list", r.List = "list", r.Loader = "loader", r.Logo = "logo", r.Modal = "modal", r.NotificationPanel = "notification-panel", r.Panel = "panel", r.PanelList = "panel-list", r.PopMenu = "pop-menu", r.PopOver = "pop-over", r.Portal = "portal", r.PromoPanel = "promo-panel", r.RadioButton = "radio-button", r.Select = "select", r.SharingStatus = "sharing-status", r.Slider = "slider", r.Spacer = "spacer", r.StatusDot = "status-dot", r.Step = "step", r.StepButtons = "step-buttons", r.Stepper = "stepper", r.Sublabel = "sublabel", r.Table = "table", r.Tag = "tag", r.TagList = "tag-list", r.Textarea = "textarea", r.Tile = "tile", r.Title = "title", r.Tooltip = "tooltip", r.Trigger = "trigger", r.Validation = "validation", r))(t || {}), u = /* @__PURE__ */ ((r) => (r.Enter = "Enter", r.Escape = "Escape", r.ArrowDown = "ArrowDown", r.ArrowUp = "ArrowUp", r.ArrowRight = "ArrowRight", r.ArrowLeft = "ArrowLeft", r.Home = "Home", r.End = "End", r.Space = " ", r.Tab = "Tab", r))(u || {});
 export {

package/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n  XXSmall = 24,\n  XSmall = 38,\n  Small = 48,\n  Medium = 64,\n  Large = 80,\n  XLarge = 130,\n}\n\nexport enum ZIndex {\n  Modal = 1300000,\n  PopOver = 11000,\n  // TODO: Skille mellom ExpanderTrigger isSticky og isHovered? Skulle tro isHovered trenger vesentlig mindre z-index\n  ExpanderTrigger = 10000,\n  OverlayScreen = 9999,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  formAction?: string;\n  formEncType?: string;\n  formMethod?: string;\n  formNoValidate?: boolean;\n  formTarget?: string;\n  name?: string;\n  type?: 'submit' | 'reset' | 'button' | string;\n  value?: string | string[] | number;\n  id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n  download?: string;\n  href?: string;\n  hrefLang?: string;\n  media?: string;\n  ping?: string;\n  rel?: AnchorTarget;\n  target?: string;\n  referrerPolicy?:\n    | ''\n    | 'same-origin'\n    | 'no-referrer'\n    | 'no-referrer-when-downgrade'\n    | 'origin'\n    | 'origin-when-cross-origin'\n    | 'strict-origin'\n    | 'strict-origin-when-cross-origin'\n    | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormMode {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  ondark = 'ondark',\n  oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n  medium = 'medium',\n  large = 'large',\n}\n\nexport enum AnalyticsId {\n  AnchorLink = 'anchor-link',\n  Avatar = 'avatar',\n  Badge = 'badge',\n  Button = 'button',\n  Checkbox = 'checkbox',\n  Close = 'close',\n  DictionaryTrigger = 'dictionary-trigger',\n  Dropdown = 'dropdown',\n  Duolist = 'duolist',\n  EmptyState = 'empty-state',\n  Expander = 'expander',\n  ExpanderHierarchy = 'expander-hierarchy',\n  ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n  ExpanderList = 'expander-list',\n  ExpanderListExpander = 'expander-list-expander',\n  FormGroup = 'form-group',\n  FormLayout = 'form-layout',\n  HelpBubble = 'help-bubble',\n  HelpQuestion = 'help-question',\n  HighlightBox = 'highlight-box',\n  Icon = 'icon',\n  Illustration = 'Illustration',\n  Input = 'input',\n  Label = 'label',\n  Link = 'link',\n  LinkList = 'link-list',\n  List = 'list',\n  Loader = 'loader',\n  Logo = 'logo',\n  Modal = 'modal',\n  NotificationPanel = 'notification-panel',\n  Panel = 'panel',\n  PanelList = 'panel-list',\n  PopMenu = 'pop-menu',\n  PopOver = 'pop-over',\n  Portal = 'portal',\n  PromoPanel = 'promo-panel',\n  RadioButton = 'radio-button',\n  Select = 'select',\n  SharingStatus = 'sharing-status',\n  Slider = 'slider',\n  Spacer = 'spacer',\n  StatusDot = 'status-dot',\n  Step = 'step',\n  StepButtons = 'step-buttons',\n  Stepper = 'stepper',\n  Sublabel = 'sublabel',\n  Table = 'table',\n  Tag = 'tag',\n  TagList = 'tag-list',\n  Textarea = 'textarea',\n  Tile = 'tile',\n  Title = 'title',\n  Tooltip = 'tooltip',\n  Trigger = 'trigger',\n  Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n  Enter = 'Enter',\n  Escape = 'Escape',\n  ArrowDown = 'ArrowDown',\n  ArrowUp = 'ArrowUp',\n  ArrowRight = 'ArrowRight',\n  ArrowLeft = 'ArrowLeft',\n  Home = 'Home',\n  End = 'End',\n  Space = ' ',\n  Tab = 'Tab',\n}\n"],"names":["IconSize","ZIndex","AVERAGE_CHARACTER_WIDTH_PX","FormMode","FormSize","AnalyticsId","KeyboardEventKey"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAAA,EAAA,UAAU,EAAV,IAAA,WACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,GAAT,IAAA,UANUA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAAA,EAAA,QAAQ,IAAR,IAAA,SACAA,EAAAA,EAAA,UAAU,IAAV,IAAA,WAEAA,EAAAA,EAAA,kBAAkB,GAAlB,IAAA,mBACAA,EAAAA,EAAA,gBAAgB,IAAhB,IAAA,iBALUA,IAAAA,KAAA,CAAA,CAAA;AAQL,MAAMC,IAA6B;AAyC9B,IAAAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,SAAS,UACTA,EAAA,YAAY,aALFA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,aAAa,eACbA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,oBAAoB,sBACpBA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,aAAa,eACbA,EAAA,WAAW,YACXA,EAAA,oBAAoB,sBACpBA,EAAA,4BAA4B,+BAC5BA,EAAA,eAAe,iBACfA,EAAA,uBAAuB,0BACvBA,EAAA,YAAY,cACZA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,eAAe,iBACfA,EAAA,eAAe,iBACfA,EAAA,OAAO,QACPA,EAAA,eAAe,gBACfA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,WAAW,aACXA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,oBAAoB,sBACpBA,EAAA,QAAQ,SACRA,EAAA,YAAY,cACZA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,SAAS,UACTA,EAAA,aAAa,eACbA,EAAA,cAAc,gBACdA,EAAA,SAAS,UACTA,EAAA,gBAAgB,kBAChBA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,YAAY,cACZA,EAAA,OAAO,QACPA,EAAA,cAAc,gBACdA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,UAAU,YACVA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,aAAa,cAxDHA,IAAAA,KAAA,CAAA,CAAA,GA2DAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,OAAO,QACPA,EAAA,MAAM,OACNA,EAAA,QAAQ,KACRA,EAAA,MAAM,OAVIA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n  XXSmall = 24,\n  XSmall = 38,\n  Small = 48,\n  Medium = 64,\n  Large = 80,\n  XLarge = 130,\n}\n\nexport enum ZIndex {\n  Modal = 1300000,\n  PopOver = 11000,\n  // TODO: Skille mellom ExpanderTrigger isSticky og isHovered? Skulle tro isHovered trenger vesentlig mindre z-index\n  ExpanderTrigger = 10000,\n  OverlayScreen = 9999,\n  TabsSticky = 10,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  formAction?: string;\n  formEncType?: string;\n  formMethod?: string;\n  formNoValidate?: boolean;\n  formTarget?: string;\n  name?: string;\n  type?: 'submit' | 'reset' | 'button' | string;\n  value?: string | string[] | number;\n  id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n  download?: string;\n  href?: string;\n  hrefLang?: string;\n  media?: string;\n  ping?: string;\n  rel?: AnchorTarget;\n  target?: string;\n  referrerPolicy?:\n    | ''\n    | 'same-origin'\n    | 'no-referrer'\n    | 'no-referrer-when-downgrade'\n    | 'origin'\n    | 'origin-when-cross-origin'\n    | 'strict-origin'\n    | 'strict-origin-when-cross-origin'\n    | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormMode {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  ondark = 'ondark',\n  oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n  medium = 'medium',\n  large = 'large',\n}\n\nexport enum AnalyticsId {\n  AnchorLink = 'anchor-link',\n  Avatar = 'avatar',\n  Badge = 'badge',\n  Button = 'button',\n  Checkbox = 'checkbox',\n  Close = 'close',\n  DictionaryTrigger = 'dictionary-trigger',\n  Dropdown = 'dropdown',\n  Duolist = 'duolist',\n  EmptyState = 'empty-state',\n  Expander = 'expander',\n  ExpanderHierarchy = 'expander-hierarchy',\n  ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n  ExpanderList = 'expander-list',\n  ExpanderListExpander = 'expander-list-expander',\n  FormGroup = 'form-group',\n  FormLayout = 'form-layout',\n  HelpBubble = 'help-bubble',\n  HelpQuestion = 'help-question',\n  HighlightBox = 'highlight-box',\n  Icon = 'icon',\n  Illustration = 'Illustration',\n  Input = 'input',\n  Label = 'label',\n  Link = 'link',\n  LinkList = 'link-list',\n  List = 'list',\n  Loader = 'loader',\n  Logo = 'logo',\n  Modal = 'modal',\n  NotificationPanel = 'notification-panel',\n  Panel = 'panel',\n  PanelList = 'panel-list',\n  PopMenu = 'pop-menu',\n  PopOver = 'pop-over',\n  Portal = 'portal',\n  PromoPanel = 'promo-panel',\n  RadioButton = 'radio-button',\n  Select = 'select',\n  SharingStatus = 'sharing-status',\n  Slider = 'slider',\n  Spacer = 'spacer',\n  StatusDot = 'status-dot',\n  Step = 'step',\n  StepButtons = 'step-buttons',\n  Stepper = 'stepper',\n  Sublabel = 'sublabel',\n  Table = 'table',\n  Tag = 'tag',\n  TagList = 'tag-list',\n  Textarea = 'textarea',\n  Tile = 'tile',\n  Title = 'title',\n  Tooltip = 'tooltip',\n  Trigger = 'trigger',\n  Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n  Enter = 'Enter',\n  Escape = 'Escape',\n  ArrowDown = 'ArrowDown',\n  ArrowUp = 'ArrowUp',\n  ArrowRight = 'ArrowRight',\n  ArrowLeft = 'ArrowLeft',\n  Home = 'Home',\n  End = 'End',\n  Space = ' ',\n  Tab = 'Tab',\n}\n"],"names":["IconSize","ZIndex","AVERAGE_CHARACTER_WIDTH_PX","FormMode","FormSize","AnalyticsId","KeyboardEventKey"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAAA,EAAA,UAAU,EAAV,IAAA,WACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,GAAT,IAAA,UANUA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAAA,EAAA,QAAQ,IAAR,IAAA,SACAA,EAAAA,EAAA,UAAU,IAAV,IAAA,WAEAA,EAAAA,EAAA,kBAAkB,GAAlB,IAAA,mBACAA,EAAAA,EAAA,gBAAgB,IAAhB,IAAA,iBACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cANUA,IAAAA,KAAA,CAAA,CAAA;AASL,MAAMC,IAA6B;AAyC9B,IAAAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,SAAS,UACTA,EAAA,YAAY,aALFA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,aAAa,eACbA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,oBAAoB,sBACpBA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,aAAa,eACbA,EAAA,WAAW,YACXA,EAAA,oBAAoB,sBACpBA,EAAA,4BAA4B,+BAC5BA,EAAA,eAAe,iBACfA,EAAA,uBAAuB,0BACvBA,EAAA,YAAY,cACZA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,eAAe,iBACfA,EAAA,eAAe,iBACfA,EAAA,OAAO,QACPA,EAAA,eAAe,gBACfA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,WAAW,aACXA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,oBAAoB,sBACpBA,EAAA,QAAQ,SACRA,EAAA,YAAY,cACZA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,SAAS,UACTA,EAAA,aAAa,eACbA,EAAA,cAAc,gBACdA,EAAA,SAAS,UACTA,EAAA,gBAAgB,kBAChBA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,YAAY,cACZA,EAAA,OAAO,QACPA,EAAA,cAAc,gBACdA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,UAAU,YACVA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,aAAa,cAxDHA,IAAAA,KAAA,CAAA,CAAA,GA2DAC,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,YAAY,aACZA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,OAAO,QACPA,EAAA,MAAM,OACNA,EAAA,QAAQ,KACRA,EAAA,MAAM,OAVIA,IAAAA,KAAA,CAAA,CAAA;"}

package/hooks/useIcons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseIconProps } from '../components/Icon';
 export type BaseIconElement = React.ReactElement<BaseIconProps>;
 export declare const useIcons: (children: React.ReactNode[]) => [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null];

package/hooks/useIcons.js

@@ -1,5 +1,5 @@
 import { Icon as i } from "../components/Icon/Icon.js";
-import e from "../components/LazyIcon/LazyIcon.js";
+import { LazyIcon as e } from "../components/LazyIcon/LazyIcon.js";
 import { isComponent as o } from "../utils/component.js";
 const c = (t) => {
   let s = null, f = null;

package/hooks/useLayoutEvent.js

@@ -2,8 +2,7 @@ import { useEffect as c } from "react";
 import { debounce as i } from "../utils/debounce.js";
 const u = (n, t = ["layoutchange", "resize", "orientationchange"], r = 10) => {
   c(() => {
-    if (typeof window != "object")
-      return;
+    if (typeof window != "object") return;
     const [e, a] = i(n, r);
     return t.forEach((o) => window.addEventListener(o, e)), e(), () => {
       a(), t.forEach((o) => window.removeEventListener(o, e));

package/hooks/useLayoutEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEvent.js","sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10) => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return () => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"names":["useLayoutEvent","callback","events","debounceMs","useEffect","debouncedCallback","teardown","debounce","eventName"],"mappings":";;AAWa,MAAAA,IAAiB,CAACC,GAAsBC,IAAS,CAAC,gBAAgB,UAAU,mBAAmB,GAAGC,IAAa,OAAO;AACjI,EAAAC,EAAU,MAAM;AACd,QAAI,OAAO,UAAW;AAAU;AAChC,UAAM,CAACC,GAAmBC,CAAQ,IAAIC,EAASN,GAAUE,CAAU;AAEnE,WAAAD,EAAO,QAAQ,CAAaM,MAAA,OAAO,iBAAiBA,GAAWH,CAAiB,CAAC,GAE/DA,KAEX,MAAM;AACF,MAAAC,KACTJ,EAAO,QAAQ,CAAaM,MAAA,OAAO,oBAAoBA,GAAWH,CAAiB,CAAC;AAAA,IAAA;AAAA,EAExF,GAAG,CAAE,CAAA;AACP;"}
+{"version":3,"file":"useLayoutEvent.js","sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10) => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return () => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"names":["useLayoutEvent","callback","events","debounceMs","useEffect","debouncedCallback","teardown","debounce","eventName"],"mappings":";;AAWa,MAAAA,IAAiB,CAACC,GAAsBC,IAAS,CAAC,gBAAgB,UAAU,mBAAmB,GAAGC,IAAa,OAAO;AACjI,EAAAC,EAAU,MAAM;AACV,QAAA,OAAO,UAAW,SAAU;AAChC,UAAM,CAACC,GAAmBC,CAAQ,IAAIC,EAASN,GAAUE,CAAU;AAEnE,WAAAD,EAAO,QAAQ,CAAaM,MAAA,OAAO,iBAAiBA,GAAWH,CAAiB,CAAC,GAE/DA,KAEX,MAAM;AACF,MAAAC,KACTJ,EAAO,QAAQ,CAAaM,MAAA,OAAO,oBAAoBA,GAAWH,CAAiB,CAAC;AAAA,IAAA;AAAA,EAExF,GAAG,CAAE,CAAA;AACP;"}

package/hooks/useSticky.d.ts

@@ -17,5 +17,5 @@ interface UseStickyReturnValues {
  * @param stickyPosition Om det sticky elementet er ment å vises øverst eller nederst på skjermen. Default: top
  * @returns Properties som kan brukes til å sette elementet sticky eller absolute
  */
-export declare const useSticky: (contentRef: React.RefObject<HTMLElement>, stickyRef: React.RefObject<HTMLElement>, stickyPosition?: 'top' | 'bottom') => UseStickyReturnValues;
+export declare const useSticky: (contentRef: React.RefObject<HTMLElement>, stickyRef: React.RefObject<HTMLElement>, stickyPosition?: "top" | "bottom") => UseStickyReturnValues;
 export {};

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helsenorge/designsystem.git"
   },
   "homepage": "https://helsenorge.design",
-  "version": "7.12.0",
+  "version": "7.13.0",
   "author": "Helsenorge",
   "license": "MIT",
   "peerDependencies": {

package/scss/_palette.scss

@@ -141,5 +141,6 @@ $palette-map: (
 * @returns Farge uten gjennomsiktighet
 */
 @function rgba-to-rgb($rgba, $background: $white) {
+  /* stylelint-disable-next-line scss/no-global-function-names */
   @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%);
 }

package/scss/typography.module.scss

@@ -64,7 +64,7 @@ import designsystemtypography from './scss/typography.scss'
   }
 }
 
-.table {
+.table-cell {
   font-size: $font-size-sm;
   line-height: $lineheight-size-sm;
 

package/scss/typography.module.scss.d.ts

@@ -8,7 +8,7 @@ export type Styles = {
   legend: string;
   preamble: string;
   strong: string;
-  table: string;
+  'table-cell': string;
   time: string;
   'title-feature': string;
   title1: string;

package/scss/typography.stories.tsx

@@ -0,0 +1,157 @@
+import React from 'react';
+
+import { StoryObj, Meta } from '@storybook/react';
+
+import LabelComponent from '../components/Label';
+import Title from '../components/Title';
+
+import designsystemtypography from './typography.module.scss';
+
+const meta = {
+  title: '@helsenorge/designsystem-react/scss/Typography',
+  parameters: {
+    docs: {
+      description: {
+        component: 'Typografi-klasser tilgjengeliggjort til bruk utenfor React-komponentene.',
+      },
+    },
+  },
+  args: {
+    tekst: 'Tekst',
+  },
+} as Meta;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const TitleFeature: Story = {
+  render: args => <div className={designsystemtypography['title-feature']}>{args.tekst}</div>,
+};
+
+export const Title1: Story = {
+  render: args => <div className={designsystemtypography.title1}>{args.tekst}</div>,
+};
+
+export const Title2: Story = {
+  render: args => <div className={designsystemtypography.title2}>{args.tekst}</div>,
+};
+
+export const Title3: Story = {
+  render: args => <div className={designsystemtypography.title3}>{args.tekst}</div>,
+};
+
+export const Title4: Story = {
+  render: args => <div className={designsystemtypography.title4}>{args.tekst}</div>,
+};
+
+export const Title5: Story = {
+  render: args => <div className={designsystemtypography.title5}>{args.tekst}</div>,
+};
+
+export const Preamble: Story = {
+  render: args => <div className={designsystemtypography.preamble}>{args.tekst}</div>,
+};
+
+export const Legend: Story = {
+  render: args => <div className={designsystemtypography.legend}>{args.tekst}</div>,
+};
+
+export const Label: Story = {
+  render: args => <div className={designsystemtypography.label}>{args.tekst}</div>,
+};
+
+export const TableCell: Story = {
+  render: args => <div className={designsystemtypography['table-cell']}>{args.tekst}</div>,
+};
+
+export const Strong: Story = {
+  render: args => <div className={designsystemtypography.strong}>{args.tekst}</div>,
+};
+
+export const ImageCaption: Story = {
+  render: args => <div className={designsystemtypography['image-caption']}>{args.tekst}</div>,
+};
+
+export const ImageCredit: Story = {
+  render: args => <div className={designsystemtypography['image-credit']}>{args.tekst}</div>,
+};
+
+export const Time: Story = {
+  render: args => <div className={designsystemtypography.time}>{args.tekst}</div>,
+};
+
+export const AnchorlinkWrapper: Story = {
+  render: args => (
+    <div className={designsystemtypography['anchorlink-wrapper']}>
+      <a href="www.helsenorge.no">{args.tekst}</a>
+      <a href="www.helsenorge.no" target="_blank">
+        {args.tekst}
+      </a>
+    </div>
+  ),
+};
+
+export const ClassExamplesWithComponents: Story = {
+  render: () => {
+    const padding = '10px';
+    return (
+      <>
+        <table style={{}}>
+          <tr>
+            <th style={{ padding }}>Class Example</th>
+            <th style={{ padding }}>Component Example</th>
+          </tr>
+          <tr>
+            <td style={{ padding }}>
+              <div className={designsystemtypography.title2}>{'Title2'}</div>
+            </td>
+            <td style={{ padding }}>
+              <Title appearance="title2">{'Title2'}</Title>
+            </td>
+          </tr>
+          <tr>
+            <td style={{ padding }}>
+              <div className={designsystemtypography.title3}>{'Title3'}</div>
+            </td>
+            <td style={{ padding }}>
+              <Title appearance="title3">{'Title3'}</Title>
+            </td>
+          </tr>
+          <tr>
+            <td style={{ padding }}>
+              <div className={designsystemtypography.title4}>{'Title4'}</div>
+            </td>
+            <td style={{ padding }}>
+              <Title appearance="title4">{'Title4'}</Title>
+            </td>
+          </tr>
+          <tr>
+            <td style={{ padding }}>
+              <div className={designsystemtypography.title5}>{'Title5'}</div>
+            </td>
+            <td style={{ padding }}>
+              <Title appearance="title5">{'Title5'}</Title>
+            </td>
+          </tr>
+          <tr>
+            <td style={{ padding }}>
+              <div className={designsystemtypography['title-feature']}>{'Title Feature'}</div>
+            </td>
+            <td style={{ padding }}>
+              <Title appearance="titleFeature">{'Title Feature'}</Title>
+            </td>
+          </tr>
+          <tr>
+            <td style={{ padding }}>
+              <div className={designsystemtypography.label}>{'Label'}</div>
+            </td>
+            <td style={{ padding }}>
+              <LabelComponent labelTexts={[{ text: 'Label' }]} />
+            </td>
+          </tr>
+        </table>
+      </>
+    );
+  },
+};

package/theme/currys/color.d.ts

@@ -1,3 +1,3 @@
 import { PaletteNames, PaletteDepths } from '../palette';
 export declare const getColor: (name: PaletteNames, depth?: PaletteDepths) => string;
-export declare const getHoverColor: (color: PaletteNames | 'white' | 'black') => string;
+export declare const getHoverColor: (color: PaletteNames | "white" | "black") => string;

package/utils/accessibility.d.ts

@@ -7,6 +7,7 @@ interface AriaLabelAttributesConfig {
 export type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
 export declare const getAriaLabelAttributes: (config: AriaLabelAttributesConfig) => AriaLabelAttributes | undefined;
 export interface ErrorAriaProps {
+    error?: boolean;
     'aria-describedby'?: string;
     errorText?: string;
     errorTextId?: string;
@@ -17,5 +18,5 @@ export interface ErrorAriaProps {
  * @param errorTextUuid Unique ID of the form component's error text
  * @returns Element IDs or undefined if there is no aria-description
  */
-export declare const getAriaDescribedBy: (props: ErrorAriaProps, errorTextUuid?: string) => string | undefined;
+export declare const getAriaDescribedBy: (props: ErrorAriaProps, errorTextUuid: string) => string | undefined;
 export {};

package/utils/accessibility.js

@@ -13,7 +13,7 @@ const l = (e) => {
       "aria-labelledby": r
     };
 }, b = (e, i) => {
-  const r = e["aria-describedby"], t = !!(e.errorText || e.errorTextId) ? i : void 0;
+  const r = e["aria-describedby"], t = !!(e.errorText || e.error && e.errorTextId) ? i : void 0;
   if (r && !t)
     return r;
   if (!r && t)

package/utils/accessibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility.js","sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid?: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || props.errorTextId);\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"names":["getAriaLabelAttributes","config","label","id","prefer","getAriaDescribedBy","props","errorTextUuid","ariaDescribedBy","errorTextId"],"mappings":"AAUa,MAAAA,IAAyB,CAACC,MAAuE;AAC5G,QAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,QAAAC,IAAS,SAASH;AAEjC,MAAAE,KAAMC,MAAW;AACZ,WAAA;AAAA,MACL,mBAAmBD;AAAA,IAAA;AAIvB,MAAID;AACK,WAAA;AAAA,MACL,cAAcA;AAAA,IAAA;AAIlB,MAAIC;AACK,WAAA;AAAA,MACL,mBAAmBA;AAAA,IAAA;AAGzB,GAcaE,IAAqB,CAACC,GAAuBC,MAA+C;AACjG,QAAAC,IAAsCF,EAAM,kBAAkB,GAE9DG,IADwB,CAAC,EAAEH,EAAM,aAAaA,EAAM,eACHC,IAAgB;AAEnE,MAAAC,KAAmB,CAACC;AACf,WAAAD;AACT,MAAW,CAACA,KAAmBC;AACtB,WAAAA;AACT,MAAWD,KAAmBC;AAC5B,WAAOD,IAAkB,MAAMC;AAEnC;"}
+{"version":3,"file":"accessibility.js","sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  error?: boolean;\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || (props.error && props.errorTextId));\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"names":["getAriaLabelAttributes","config","label","id","prefer","getAriaDescribedBy","props","errorTextUuid","ariaDescribedBy","errorTextId"],"mappings":"AAUa,MAAAA,IAAyB,CAACC,MAAuE;AAC5G,QAAM,EAAE,OAAAC,GAAO,IAAAC,GAAI,QAAAC,IAAS,SAASH;AAEjC,MAAAE,KAAMC,MAAW;AACZ,WAAA;AAAA,MACL,mBAAmBD;AAAA,IAAA;AAIvB,MAAID;AACK,WAAA;AAAA,MACL,cAAcA;AAAA,IAAA;AAIlB,MAAIC;AACK,WAAA;AAAA,MACL,mBAAmBA;AAAA,IAAA;AAGzB,GAeaE,IAAqB,CAACC,GAAuBC,MAA8C;AAChG,QAAAC,IAAsCF,EAAM,kBAAkB,GAE9DG,IADwB,CAAC,EAAEH,EAAM,aAAcA,EAAM,SAASA,EAAM,eACnBC,IAAgB;AAEnE,MAAAC,KAAmB,CAACC;AACf,WAAAD;AACT,MAAW,CAACA,KAAmBC;AACtB,WAAAA;AACT,MAAWD,KAAmBC;AAC5B,WAAOD,IAAkB,MAAMC;AAEnC;"}

package/utils/component.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const isComponent: <T>(element: {} | null | undefined, type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>) => element is React.ReactElement<T, string | React.JSXElementConstructor<any>>;
-export declare const isComponentWithChildren: <T>(element: {} | null | undefined) => element is React.ReactElement<React.PropsWithChildren<T>, string | React.JSXElementConstructor<any>>;
+import React, { PropsWithChildren } from 'react';
+export declare const isComponent: <T>(element: {} | null | undefined, type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>) => element is React.ReactElement<T>;
+export declare const isComponentWithChildren: <T>(element: {} | null | undefined) => element is React.ReactElement<PropsWithChildren<T>>;

package/utils/refs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Slår sammen refs fra forwardRef og useRef slik at begge deler kan brukes
  * Fra https://github.com/gregberge/react-merge-refs
@@ -11,4 +10,4 @@ export declare const mergeRefs: <T>(refs: Array<React.MutableRefObject<T> | Reac
  * @param ref
  * @returns type predicate
  */
-export declare const isMutableRefObject: <T>(ref: React.ForwardedRef<T>) => ref is import("react").MutableRefObject<T>;
+export declare const isMutableRefObject: <T>(ref: React.ForwardedRef<T>) => ref is React.MutableRefObject<T>;

package/_virtual/index2.js

@@ -1,5 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};
-//# sourceMappingURL=index2.js.map

package/_virtual/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_virtual/index3.js

@@ -1,5 +0,0 @@
-var a = { exports: {} };
-export {
-  a as __module
-};
-//# sourceMappingURL=index3.js.map

package/_virtual/index3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/AnchorLink/AnchorLink.stories.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./AnchorLink").AnchorLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        children: string;
-        href: string;
-    };
-    argTypes: {
-        children: {
-            control: string;
-        };
-        href: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const External: Story;
-export declare const AsButton: Story;

package/components/Avatar/Avatar.stories.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { AvatarSize } from './Avatar';
-declare const meta: {
-    title: string;
-    component: import("./Avatar").AvatarType;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        children: string;
-        selected: false;
-        size: AvatarSize.small;
-    };
-    argTypes: {
-        children: {
-            control: string;
-        };
-        selected: {
-            control: string;
-        };
-        size: {
-            control: string;
-            options: typeof AvatarSize;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Inverted: Story;

package/components/Badge/Badge.stories.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("./Badge").BadgeType;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        children: string;
-        color: "blueberry";
-        type: "string";
-        notificationVariant: "info";
-    };
-    argTypes: {
-        children: {
-            control: string;
-        };
-        color: {
-            control: string;
-            options: string[];
-        };
-        type: {
-            control: string;
-            options: string[];
-        };
-        notificationVariant: {
-            control: string;
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Variants: Story;
-export declare const Notification: Story;

package/components/Button/Button.stories.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-            page: () => React.JSX.Element;
-        };
-    };
-    args: {
-        children: string;
-        ellipsis: false;
-        disabled: false;
-        fluid: false;
-        htmlMarkup: "button";
-        href: string;
-    };
-    argTypes: {
-        children: {
-            control: string;
-        };
-        ellipsis: {
-            control: string;
-        };
-        disabled: {
-            control: string;
-        };
-        fluid: {
-            control: string;
-        };
-        htmlMarkup: {
-            control: string;
-            options: string[];
-        };
-        href: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Concepts: Story;
-export declare const Icons: Story;
-export declare const LazyIcons: Story;
-export declare const Sizes: Story;
-export declare const DarkMode: Story;
-export declare const Disabled: Story;
-export declare const Fluid: Story;
-export declare const Variants: Story;
-export declare const Ellipsis: Story;
-export declare const UURightArrow: Story;

package/components/Checkbox/Checkbox.stories.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { FormMode, FormSize } from '../../constants';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        label: string;
-        checked: false;
-        disabled: false;
-        mode: FormMode.onwhite;
-        size: FormSize.medium;
-        name: string;
-        value: string;
-        required: false;
-    };
-    argTypes: {
-        checked: {
-            control: string;
-        };
-        disabled: {
-            control: string;
-        };
-        mode: {
-            control: string;
-            options: typeof FormMode;
-        };
-        size: {
-            control: string;
-            options: typeof FormSize;
-        };
-        name: {
-            control: string;
-        };
-        value: {
-            control: string;
-        };
-        required: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Large: Story;

package/components/Close/Close.stories.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Close").CloseProps & React.RefAttributes<HTMLButtonElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        ariaLabel: string;
-        testId: string;
-    };
-    argTypes: {
-        ariaLabel: {
-            control: string;
-        };
-        testId: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;