@oslokommune/punkt-react 16.26.5 → 17.0.0

package/src/components/inputwrapper/InputWrapper.tsx

@@ -31,6 +31,7 @@ export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
   hasFieldset?: boolean
   role?: string
   counterPosition?: 'top' | 'bottom'
+  size?: 'small' | 'medium' | 'xsmall'
 }
 
 export const PktInputWrapper = forwardRef(
@@ -60,6 +61,7 @@ export const PktInputWrapper = forwardRef(
       hasFieldset = false,
       role = 'group',
       counterPosition = 'bottom',
+      size = 'medium',
     }: IPktInputWrapper,
     ref: ForwardedRef<HTMLDivElement>,
   ) => {
@@ -76,6 +78,7 @@ export const PktInputWrapper = forwardRef(
       hasError ? 'pkt-inputwrapper--error' : '',
       disabled ? 'pkt-inputwrapper--disabled' : '',
       inline ? 'pkt-inputwrapper--inline' : '',
+      size ? `pkt-inputwrapper--${size}` : '',
     ]
       .filter(Boolean)
       .join(' ')
@@ -143,6 +146,8 @@ export const PktInputWrapper = forwardRef(
       )
     }
 
+    const errorAlertSize = size === 'medium' ? 'small' : 'xsmall'
+
     const content = (
       <>
         {renderLabel()}
@@ -152,7 +157,7 @@ export const PktInputWrapper = forwardRef(
         {counterBottom && <Counter />}
         {hasError && errorMessage && (
           <div className="pkt-inputwrapper__alert-wrapper">
-            <PktAlert skin="error" aria-live="assertive" role="alert" id={`${forId}-error`} compact>
+            <PktAlert skin="error" size={errorAlertSize} aria-live="assertive" role="alert" id={`${forId}-error`}>
               {errorMessage}
             </PktAlert>
           </div>

package/src/components/modal/Modal.tsx

@@ -13,11 +13,7 @@ import {
   useRef,
 } from 'react'
 
-import {
-  acquireModalScrollLock,
-  createModalScrollLockToken,
-  releaseModalScrollLock,
-} from 'shared-utils/modal-scroll-lock'
+import { createScrollLockToken, setScrollLock } from 'shared-utils/scroll-lock'
 
 import { PktButton } from '../button/Button'
 
@@ -59,7 +55,7 @@ export const PktModal = forwardRef(
     ref: ForwardedRef<HTMLDialogElement>,
   ) => {
     const internalRef = useRef<HTMLDialogElement | null>(null)
-    const scrollLockToken = useRef(createModalScrollLockToken())
+    const scrollLockToken = useRef(createScrollLockToken())
 
     // Merge consumer ref + internal ref so we always have a working DOM handle
     // for our own logic, regardless of whether the consumer passes a callback ref
@@ -76,7 +72,7 @@ export const PktModal = forwardRef(
     const close = useCallback(() => {
       if (!internalRef.current?.open) return
       internalRef.current.close()
-      releaseModalScrollLock(scrollLockToken.current)
+      setScrollLock(scrollLockToken.current, false)
       onClose?.()
     }, [onClose])
 
@@ -86,12 +82,12 @@ export const PktModal = forwardRef(
         if (!internalRef.current?.open) {
           internalRef.current?.showModal()
         }
-        acquireModalScrollLock(scrollLockToken.current)
+        setScrollLock(scrollLockToken.current, true)
       } else {
         if (internalRef.current?.open) {
           internalRef.current.close()
         }
-        releaseModalScrollLock(scrollLockToken.current)
+        setScrollLock(scrollLockToken.current, false)
       }
     }, [open])
 
@@ -99,7 +95,7 @@ export const PktModal = forwardRef(
     useEffect(() => {
       const token = scrollLockToken.current
       return () => {
-        releaseModalScrollLock(token)
+        setScrollLock(token, false)
       }
     }, [])
 
@@ -113,7 +109,7 @@ export const PktModal = forwardRef(
     )
 
     const handleNativeClose = useCallback(() => {
-      releaseModalScrollLock(scrollLockToken.current)
+      setScrollLock(scrollLockToken.current, false)
       onClose?.()
     }, [onClose])
 

package/src/components/searchinput/SearchInput.test.tsx

@@ -91,6 +91,16 @@ describe('PktSearchInput', () => {
     })
   })
 
+  it('applies inputSize classes on wrapper, input and search button', () => {
+    const { container } = render(
+      <PktSearchInput id="test-search-input" appearance="local-with-button" inputSize="small" />,
+    )
+
+    expect(container.querySelector('.pkt-searchinput--small')).toBeTruthy()
+    expect(container.querySelector('.pkt-input--small')).toBeTruthy()
+    expect(container.querySelector('.pkt-searchinput__button.pkt-btn--small')).toBeTruthy()
+  })
+
   describe('accessibility', () => {
     it('renders with no wcag errors with axe', async () => {
       const suggestions = [

package/src/components/searchinput/SearchInput.tsx

@@ -19,6 +19,7 @@ export type PktSearchInputSuggestion = Omit<IPktSearchInputSuggestion, 'title' |
 
 interface ISearch extends HTMLProps<HTMLInputElement> {
   appearance?: 'local' | 'local-with-button' | 'global'
+  inputSize?: 'small' | 'medium' | 'xsmall'
   disabled?: boolean
   fullwidth?: boolean
   id: string
@@ -47,6 +48,7 @@ export const PktSearchInput = forwardRef<HTMLInputElement, ISearchInput | ISearc
   (
     {
       appearance = 'local',
+      inputSize = 'medium',
       disabled = false,
       fullwidth = false,
       id,
@@ -76,9 +78,14 @@ export const PktSearchInput = forwardRef<HTMLInputElement, ISearchInput | ISearc
       value = e.target.value
     }
 
-    const wrapperClass = `pkt-searchinput pkt-searchinput--${appearance} ${
-      fullwidth ? 'pkt-searchinput--fullwidth' : ''
-    }`
+    const wrapperClass = [
+      'pkt-searchinput',
+      `pkt-searchinput--${appearance}`,
+      `pkt-searchinput--${inputSize}`,
+      fullwidth && 'pkt-searchinput--fullwidth',
+    ]
+      .filter(Boolean)
+      .join(' ')
 
     const focusModality = useFocusModality()
 
@@ -107,6 +114,9 @@ export const PktSearchInput = forwardRef<HTMLInputElement, ISearchInput | ISearc
     const suggestionClassName = (suggestion: PktSearchInputSuggestion) =>
       ['pkt-searchinput__suggestion', suggestion.onClick ? 'pkt-link-button' : ''].filter(Boolean).join(' ')
 
+    const fieldClass =
+      appearance === 'local' ? `pkt-input__container pkt-input__container--${inputSize}` : 'pkt-searchinput__field'
+
     return WrapperElement(
       <>
         {label && (
@@ -114,9 +124,9 @@ export const PktSearchInput = forwardRef<HTMLInputElement, ISearchInput | ISearc
             {label}
           </label>
         )}
-        <div className={appearance === 'local' ? 'pkt-input__container' : 'pkt-searchinput__field'}>
+        <div className={fieldClass}>
           <input
-            className={`pkt-input ${fullwidth ? 'pkt-input--fullwidth' : ''}`}
+            className={`pkt-input pkt-input--${inputSize} ${fullwidth ? 'pkt-input--fullwidth' : ''}`}
             type="search"
             name={name || id}
             id={id}
@@ -124,9 +134,9 @@ export const PktSearchInput = forwardRef<HTMLInputElement, ISearchInput | ISearc
             defaultValue={value}
             disabled={disabled}
             autoComplete="off"
-            aria-autocomplete="list"
+            aria-autocomplete={suggestions ? 'list' : undefined}
             ref={ref}
-            aria-controls={`${id}-suggestions`}
+            aria-controls={suggestions ? `${id}-suggestions` : undefined}
             onChange={onChange ? onChange : handleNoOnChange}
             onKeyUp={
               onSearch &&
@@ -139,10 +149,12 @@ export const PktSearchInput = forwardRef<HTMLInputElement, ISearchInput | ISearc
             }
             {...props}
           />
+
           <PktButton
             className={`pkt-searchinput__button ${appearance === 'local' ? 'pkt-input-icon' : ''}`}
             variant="icon-only"
             iconName="magnifying-glass-big"
+            size={inputSize}
             skin={appearance === 'local' ? 'tertiary' : 'primary'}
             color={appearance === 'global' ? 'yellow' : undefined}
             type="submit"

package/src/components/select/Select.test.tsx

@@ -8,6 +8,24 @@ import { PktSelect } from './Select'
 expect.extend(toHaveNoViolations)
 
 describe('PktSelect', () => {
+  test('applies input wrapper size classes for small and xsmall', () => {
+    const { container: smallContainer } = render(
+      <PktSelect label="Label" id="select-small" inputSize="small">
+        <option value="a">A</option>
+      </PktSelect>,
+    )
+    expect(smallContainer.querySelector('.pkt-inputwrapper')).toHaveClass('pkt-inputwrapper--small')
+    expect(smallContainer.querySelector('.pkt-inputwrapper')).not.toHaveClass('pkt-inputwrapper--xsmall')
+
+    const { container: xsmallContainer } = render(
+      <PktSelect label="Label" id="select-xsmall" inputSize="xsmall">
+        <option value="a">A</option>
+      </PktSelect>,
+    )
+    expect(xsmallContainer.querySelector('.pkt-inputwrapper')).not.toHaveClass('pkt-inputwrapper--small')
+    expect(xsmallContainer.querySelector('.pkt-inputwrapper')).toHaveClass('pkt-inputwrapper--xsmall')
+  })
+
   test('renders select field with correct props', async () => {
     const { container } = render(
       <PktSelect label="Input Label" id="inputIdeas" ariaLabelledby="inputId">

package/src/components/select/Select.tsx

@@ -1,11 +1,10 @@
 'use client'
 
 import { ForwardedRef, forwardRef, ReactNode, SelectHTMLAttributes } from 'react'
-import type { TSelectOption } from 'shared-types'
 
 import { PktInputWrapper } from '../inputwrapper/InputWrapper'
 
-export type { TSelectOption }
+export type { IPktSelectOption, TSelectOption } from 'shared-types/select'
 
 export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
   ariaDescribedby?: string
@@ -27,7 +26,9 @@ export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement>
   requiredTag?: boolean
   requiredText?: string
   tagText?: string | null
-  options?: Array<{ value: string; label: string; disabled?: boolean }>
+  inputSize?: 'small' | 'medium' | 'xsmall'
+  /** @deprecated Var aldri implementert — bruk children med `<option>`-elementer. */
+  options?: never
 }
 
 export const PktSelect = forwardRef(
@@ -53,11 +54,13 @@ export const PktSelect = forwardRef(
       requiredTag = false,
       requiredText,
       tagText,
+      inputSize = 'medium',
       ...props
     }: IPktSelectProps,
     ref: ForwardedRef<HTMLSelectElement>,
   ) => {
     const classNames = [className, 'pkt-select'].join(' ')
+
     return (
       <PktInputWrapper
         className={classNames}
@@ -76,10 +79,11 @@ export const PktSelect = forwardRef(
         disabled={disabled}
         inline={inline}
         ariaDescribedby={ariaDescribedby}
+        size={inputSize}
       >
         <select
           ref={ref}
-          className={`pkt-input ${fullwidth ? 'pkt-input--fullwidth' : ''}`}
+          className={`pkt-input pkt-input--${inputSize} ${fullwidth ? 'pkt-input--fullwidth' : ''}`}
           aria-invalid={hasError}
           aria-errormessage={`${id}-error`}
           aria-labelledby={ariaLabelledby || undefined}

package/src/components/textarea/Textarea.test.tsx

@@ -15,6 +15,16 @@ describe('PktTextarea', () => {
     expect(inputElement).toBeInTheDocument()
     expect(inputElement.tagName).toBe('TEXTAREA')
     expect(inputElement.id).toBe('inputId-input')
+    expect(inputElement).toHaveClass('pkt-input--medium')
+  })
+
+  test('applies inputSize to textarea and wrapper', async () => {
+    const { container, getByLabelText } = render(
+      <PktTextarea label="Small textarea" id="smallTextarea" inputSize="small" />,
+    )
+
+    expect(getByLabelText('Small textarea')).toHaveClass('pkt-input--small')
+    expect(container.querySelector('.pkt-inputwrapper--small')).toBeInTheDocument()
   })
 
   test('renders error message when hasError prop is true', async () => {

package/src/components/textarea/Textarea.tsx

@@ -12,6 +12,7 @@ import {
 } from 'react'
 
 import { PktInputWrapper } from '../inputwrapper/InputWrapper'
+import { TPktInputSize } from 'shared-types/size'
 
 export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
   id: string
@@ -44,6 +45,7 @@ export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement
   readOnly?: boolean
   required?: boolean
   skipForwardTestid?: boolean
+  inputSize?: TPktInputSize
   onChange?: ChangeEventHandler<HTMLTextAreaElement>
 }
 
@@ -81,6 +83,7 @@ export const PktTextarea = forwardRef(
       maxLength,
       readOnly,
       skipForwardTestid = false,
+      inputSize = 'medium',
       ...props
     }: IPktTextarea,
     ref: ForwardedRef<HTMLTextAreaElement>,
@@ -137,10 +140,11 @@ export const PktTextarea = forwardRef(
         counter={counter}
         counterCurrent={counterCurrent}
         counterMaxLength={counterMaxLength}
+        size={inputSize}
       >
         <textarea
           ref={initRef}
-          className={`pkt-input ${fullwidth ? 'pkt-input--fullwidth' : ''} ${
+          className={`pkt-input pkt-input--${inputSize} ${fullwidth ? 'pkt-input--fullwidth' : ''} ${
             counterMaxLength && counterCurrent > counterMaxLength ? 'pkt-input--counter-error' : ''
           }`}
           name={`${name || id}`}

package/src/components/textinput/Textinput.test.tsx

@@ -27,7 +27,35 @@ describe('PktTextinput', () => {
     const alertContainer = screen.getByRole('alert')
     expect(alertContainer).toHaveAttribute('id', errorMessageId)
     expect(alertContainer).toHaveTextContent('Input error')
+  })
+
+  describe('inputSize', () => {
+    test('applies medium size classes by default', async () => {
+      const { container } = render(<PktTextinput label={label} id={inputId} />)
+
+      const inputElement = container.querySelector('input')
+      const containerElement = container.querySelector('.pkt-input__container')
+      expect(inputElement).toHaveClass('pkt-input--medium')
+      expect(containerElement).toHaveClass('pkt-input__container--medium')
+    })
 
+    test('applies small size classes when inputSize is small', async () => {
+      const { container } = render(<PktTextinput label={label} id={inputId} inputSize="small" />)
+
+      const inputElement = container.querySelector('input')
+      const containerElement = container.querySelector('.pkt-input__container')
+      expect(inputElement).toHaveClass('pkt-input--small')
+      expect(containerElement).toHaveClass('pkt-input__container--small')
+    })
+
+    test('applies xsmall size classes when inputSize is xsmall', async () => {
+      const { container } = render(<PktTextinput label={label} id={inputId} inputSize="xsmall" />)
+
+      const inputElement = container.querySelector('input')
+      const containerElement = container.querySelector('.pkt-input__container')
+      expect(inputElement).toHaveClass('pkt-input--xsmall')
+      expect(containerElement).toHaveClass('pkt-input__container--xsmall')
+    })
   })
 
   describe('PktTextinput', () => {

package/src/components/textinput/Textinput.tsx

@@ -55,6 +55,7 @@ export interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
   dataTestid?: string
   onChange?: ChangeEventHandler<HTMLInputElement>
   skipForwardTestid?: boolean
+  inputSize?: 'small' | 'medium' | 'xsmall'
 }
 
 export const PktTextinput = forwardRef(
@@ -101,6 +102,7 @@ export const PktTextinput = forwardRef(
       dataTestid,
       onChange,
       skipForwardTestid = false,
+      inputSize = 'medium',
       ...props
     }: IPktTextinput,
     ref: ForwardedRef<HTMLInputElement>,
@@ -153,9 +155,10 @@ export const PktTextinput = forwardRef(
         counter={counter}
         counterCurrent={counterCurrent}
         counterMaxLength={counterMaxLength}
+        size={inputSize}
       >
         <div
-          className="pkt-input__container"
+          className={`pkt-input__container pkt-input__container--${inputSize}`}
           data-testid={dataTestid}
           data-skip-forward-testid={skipForwardTestid ? 'true' : undefined}
         >
@@ -163,7 +166,7 @@ export const PktTextinput = forwardRef(
           <input
             {...props}
             ref={ref}
-            className={`pkt-input ${fullwidth ? 'pkt-input--fullwidth' : ''} ${
+            className={`pkt-input pkt-input--${inputSize} ${fullwidth ? 'pkt-input--fullwidth' : ''} ${
               counterMaxLength && counterCurrent > counterMaxLength ? 'pkt-input--counter-error' : ''
             }`}
             type={type}

package/src/components/timepicker/Timepicker.test.tsx

@@ -43,6 +43,16 @@ describe('PktTimepicker', () => {
       expect(container.querySelector('.pkt-timepicker--fullwidth')).toBeInTheDocument()
     })
 
+    test('applies inputSize classes on root, container, inputs and clock button', () => {
+      const { container } = render(
+        <PktTimepicker id={id} name="t" label={label} inputSize="small" />,
+      )
+      expect(container.querySelector('.pkt-timepicker--small')).toBeTruthy()
+      expect(container.querySelector('.pkt-input__container--small')).toBeTruthy()
+      expect(container.querySelectorAll('.pkt-input--small')).toHaveLength(2)
+      expect(container.querySelector('.pkt-timepicker__button.pkt-btn--small')).toBeTruthy()
+    })
+
     test('renders clock button when picker is visible', () => {
       render(<PktTimepicker id={id} name="t" label={label} />)
       expect(

package/src/components/timepicker/Timepicker.tsx

@@ -10,7 +10,7 @@ import type { IPktTimepicker } from './types'
 export type { IPktTimepicker } from './types'
 
 export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props, ref) => {
-  const { onChange } = props
+  const { onChange, inputSize = 'medium' } = props
   const state = useTimepickerState(props, ref)
 
   const hoursLabel = state.strings.hours
@@ -80,7 +80,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
 
   const renderContainer = () => (
     <div
-      className="pkt-input__container"
+      className={`pkt-input__container pkt-input__container--${inputSize}`}
       onClick={(e) => {
         const target = e.target as HTMLElement
         if (target.closest('button, input')) return
@@ -90,7 +90,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
       {state.stepArrows && (
         <button
           type="button"
-          className="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--prev"
+          className={`pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-btn--${inputSize} pkt-timepicker__button pkt-timepicker__button--prev`}
           aria-label={state.strings.prevTime}
           disabled={state.disabled}
           onClick={() => state.stepTimeDelta(-1)}
@@ -105,7 +105,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
         inputMode="numeric"
         maxLength={2}
         size={2}
-        className="pkt-input pkt-timepicker__input"
+        className={`pkt-input pkt-input--${inputSize} pkt-timepicker__input`}
         id={state.hoursId}
         data-min="0"
         data-max="23"
@@ -137,7 +137,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
         inputMode="numeric"
         maxLength={2}
         size={2}
-        className="pkt-input pkt-timepicker__input"
+        className={`pkt-input pkt-input--${inputSize} pkt-timepicker__input`}
         id={state.minutesId}
         data-min="0"
         data-max="59"
@@ -169,7 +169,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
         <button
           ref={state.buttonRef}
           type="button"
-          className="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button"
+          className={`pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-btn--${inputSize} pkt-timepicker__button`}
           aria-label={state.strings.openPicker}
           aria-haspopup="listbox"
           aria-expanded={state.isOpen}
@@ -184,7 +184,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
       {state.stepArrows && (
         <button
           type="button"
-          className="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--next"
+          className={`pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-btn--${inputSize} pkt-timepicker__button pkt-timepicker__button--next`}
           aria-label={state.strings.nextTime}
           disabled={state.disabled}
           onClick={() => state.stepTimeDelta(1)}
@@ -234,6 +234,7 @@ export const PktTimepicker = forwardRef<HTMLDivElement, IPktTimepicker>((props,
         helptextDropdown={state.helptextDropdown}
         helptextDropdownButton={state.helptextDropdownButton}
         tagText={state.tagText}
+        size={inputSize}
       >
         {!state.hidePicker && !state.stepArrows ? (
           <div className="pkt-timepicker__anchor">

package/src/components/timepicker/types.ts

@@ -1,4 +1,5 @@
 import type { ChangeEvent, FocusEvent, InputHTMLAttributes, ReactNode } from 'react'
+import { TPktInputSize } from 'shared-types/size'
 import type { ITimepickerStrings } from 'shared-types/timepicker'
 
 /**
@@ -7,11 +8,10 @@ import type { ITimepickerStrings } from 'shared-types/timepicker'
  * The value is submitted via a hidden `input type="time"`; hour/minute fields are the editing UI. Use `value`
  * or `defaultValue` for controlled vs. uncontrolled mode.
  */
-export interface IPktTimepicker
-  extends Omit<
-    InputHTMLAttributes<HTMLInputElement>,
-    'value' | 'onChange' | 'onInput' | 'min' | 'max' | 'step' | 'onFocus' | 'onBlur'
-  > {
+export interface IPktTimepicker extends Omit<
+  InputHTMLAttributes<HTMLInputElement>,
+  'value' | 'onChange' | 'onInput' | 'min' | 'max' | 'step' | 'onFocus' | 'onBlur'
+> {
   /** Unique id; used for hour, minute, popup, and hidden input ids. */
   id: string
 
@@ -112,4 +112,7 @@ export interface IPktTimepicker
 
   /** Extra class names on the root (`pkt-timepicker`). */
   className?: string
+
+  /** Size of the Timepicker component. */
+  inputSize?: TPktInputSize
 }

package/src/components/timepicker/useTimepickerState.ts

@@ -14,6 +14,7 @@ import { stepTime } from 'shared-utils/timepicker/stepper'
 import { isValidTimeString, timeToMinutes } from 'shared-utils/timepicker/time-utils'
 
 import type { IPktTimepicker } from './types'
+import { TPktInputSize } from 'shared-types/size'
 
 /**
  * ## Why this hook exists (React form model)
@@ -138,6 +139,7 @@ export function useTimepickerState(props: IPktTimepicker, ref: React.ForwardedRe
     ariaDescribedby,
     strings: stringsProp,
     className,
+    inputSize = 'medium' as TPktInputSize,
     onValueChange,
     onFocus: onFocusProp,
     onBlur: onBlurProp,
@@ -777,6 +779,7 @@ export function useTimepickerState(props: IPktTimepicker, ref: React.ForwardedRe
 
   const outerClasses = [
     'pkt-timepicker',
+    `pkt-timepicker--${inputSize}`,
     fullwidth ? 'pkt-timepicker--fullwidth' : '',
     stepArrows ? 'pkt-timepicker--stepper' : '',
     className ?? '',
@@ -788,6 +791,7 @@ export function useTimepickerState(props: IPktTimepicker, ref: React.ForwardedRe
     id,
     containerRef,
     outerClasses,
+    inputSize,
     strings,
     label,
     disabled,

package/dist/shared-utils/modal-scroll-lock.d.ts

@@ -1,10 +0,0 @@
-export declare const acquireModalScrollLock: (token: {
-    locked: boolean;
-}) => void;
-export declare const releaseModalScrollLock: (token: {
-    locked: boolean;
-}) => void;
-export type ModalScrollLockToken = {
-    locked: boolean;
-};
-export declare const createModalScrollLockToken: () => ModalScrollLockToken;