@fremtind/jokul 0.25.0 → 0.25.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (266) hide show
  1. package/README.md +8 -0
  2. package/build/cjs/components/ScreenReaderOnly.d.cts +1 -1
  3. package/build/cjs/components/accordion/Accordion.d.cts +1 -1
  4. package/build/cjs/components/accordion/AccordionItem.d.cts +1 -1
  5. package/build/cjs/components/accordion/index.d.cts +2 -2
  6. package/build/cjs/components/breadcrumb/Breadcrumb.d.cts +1 -1
  7. package/build/cjs/components/breadcrumb/BreadcrumbItem.d.cts +1 -1
  8. package/build/cjs/components/breadcrumb/index.d.cts +4 -4
  9. package/build/cjs/components/button/Button.d.cts +1 -1
  10. package/build/cjs/components/button/index.d.cts +2 -2
  11. package/build/cjs/components/button/types.d.cts +2 -2
  12. package/build/cjs/components/card/Card.d.cts +2 -2
  13. package/build/cjs/components/card/CardImage.d.cts +1 -1
  14. package/build/cjs/components/card/InfoCard.d.cts +2 -2
  15. package/build/cjs/components/card/NavCard.d.cts +3 -3
  16. package/build/cjs/components/card/TaskCard.d.cts +2 -2
  17. package/build/cjs/components/card/documentation/examples/FakturainfoExample.d.cts +1 -1
  18. package/build/cjs/components/card/documentation/examples/InfoCardExample.d.cts +1 -1
  19. package/build/cjs/components/card/documentation/examples/NavCardExample.d.cts +1 -1
  20. package/build/cjs/components/card/documentation/examples/StatuskortExample.d.cts +1 -1
  21. package/build/cjs/components/card/documentation/examples/TaskCardExample.d.cts +1 -1
  22. package/build/cjs/components/card/documentation/examples/TopExample.d.cts +1 -1
  23. package/build/cjs/components/card/documentation/examples/cardExampleProps.d.cts +2 -2
  24. package/build/cjs/components/card/index.d.cts +6 -6
  25. package/build/cjs/components/card/utils.d.cts +1 -1
  26. package/build/cjs/components/checkbox/Checkbox.d.cts +1 -1
  27. package/build/cjs/components/checkbox/index.d.cts +1 -1
  28. package/build/cjs/components/combobox/Combobox.d.cts +4 -4
  29. package/build/cjs/components/combobox/index.d.cts +1 -1
  30. package/build/cjs/components/cookie-consent/CookieConsent.d.cts +1 -1
  31. package/build/cjs/components/cookie-consent/CookieConsentContext.d.cts +2 -2
  32. package/build/cjs/components/cookie-consent/CookieConsentModal.d.cts +1 -1
  33. package/build/cjs/components/cookie-consent/consents/CustomConsents.d.cts +2 -2
  34. package/build/cjs/components/cookie-consent/consents/DefaultConsents.d.cts +2 -2
  35. package/build/cjs/components/cookie-consent/consents/RequirementCheckbox.d.cts +1 -1
  36. package/build/cjs/components/cookie-consent/cookieConsentUtils.d.cts +1 -1
  37. package/build/cjs/components/cookie-consent/index.d.cts +5 -5
  38. package/build/cjs/components/datepicker/DatePicker.d.cts +1 -1
  39. package/build/cjs/components/datepicker/index.d.cts +4 -4
  40. package/build/cjs/components/datepicker/internal/Calendar.d.cts +3 -3
  41. package/build/cjs/components/datepicker/internal/useCalendar.d.cts +1 -1
  42. package/build/cjs/components/datepicker/internal/utils.d.cts +2 -2
  43. package/build/cjs/components/datepicker/types.d.cts +3 -3
  44. package/build/cjs/components/description-list/DescriptionList.d.cts +1 -1
  45. package/build/cjs/components/description-list/index.d.cts +1 -1
  46. package/build/cjs/components/expander/ExpandSection.d.cts +3 -3
  47. package/build/cjs/components/expander/Expander.d.cts +1 -1
  48. package/build/cjs/components/expander/index.d.cts +4 -4
  49. package/build/cjs/components/feedback/Feedback.d.cts +4 -4
  50. package/build/cjs/components/feedback/FeedbackSuccess.d.cts +1 -1
  51. package/build/cjs/components/feedback/FeedbackValues.d.cts +1 -1
  52. package/build/cjs/components/feedback/feedbackContext.d.cts +2 -2
  53. package/build/cjs/components/feedback/followup/Followup.d.cts +1 -1
  54. package/build/cjs/components/feedback/followup/followupContext.d.cts +2 -2
  55. package/build/cjs/components/feedback/followup/useFollowup.d.cts +1 -1
  56. package/build/cjs/components/feedback/index.d.cts +2 -2
  57. package/build/cjs/components/feedback/main-question/MainQuestion.d.cts +2 -2
  58. package/build/cjs/components/feedback/main-question/mainQuestionContext.d.cts +2 -2
  59. package/build/cjs/components/feedback/main-question/useMainQuestion.d.cts +1 -1
  60. package/build/cjs/components/feedback/presets.d.cts +1 -1
  61. package/build/cjs/components/feedback/questions/CheckboxQuestion.d.cts +1 -1
  62. package/build/cjs/components/feedback/questions/RadioQuestion.d.cts +1 -1
  63. package/build/cjs/components/feedback/questions/SmileyQuestion.d.cts +1 -1
  64. package/build/cjs/components/feedback/questions/TextQuestion.d.cts +1 -1
  65. package/build/cjs/components/feedback/questions/index.d.cts +6 -6
  66. package/build/cjs/components/feedback/questions/smileyUtils.d.cts +1 -1
  67. package/build/cjs/components/feedback/utils.d.cts +1 -1
  68. package/build/cjs/components/flex/Flex.d.cts +3 -3
  69. package/build/cjs/components/flex/index.d.cts +1 -1
  70. package/build/cjs/components/icon/Icon.d.cts +2 -2
  71. package/build/cjs/components/icon/documentation/internal/IconsExampleGrid.d.cts +1 -1
  72. package/build/cjs/components/icon/icons/ArrowDownIcon.d.cts +1 -1
  73. package/build/cjs/components/icon/icons/ArrowLeftIcon.d.cts +1 -1
  74. package/build/cjs/components/icon/icons/ArrowNorthEastIcon.d.cts +1 -1
  75. package/build/cjs/components/icon/icons/ArrowRightIcon.d.cts +1 -1
  76. package/build/cjs/components/icon/icons/ArrowUpIcon.d.cts +1 -1
  77. package/build/cjs/components/icon/icons/CalendarIcon.d.cts +1 -1
  78. package/build/cjs/components/icon/icons/CheckIcon.d.cts +1 -1
  79. package/build/cjs/components/icon/icons/ChevronDownIcon.d.cts +1 -1
  80. package/build/cjs/components/icon/icons/ChevronLeftIcon.d.cts +1 -1
  81. package/build/cjs/components/icon/icons/ChevronRightIcon.d.cts +1 -1
  82. package/build/cjs/components/icon/icons/ChevronUpIcon.d.cts +1 -1
  83. package/build/cjs/components/icon/icons/CloseIcon.d.cts +1 -1
  84. package/build/cjs/components/icon/icons/CopyIcon.d.cts +1 -1
  85. package/build/cjs/components/icon/icons/DotsIcon.d.cts +1 -1
  86. package/build/cjs/components/icon/icons/DragIcon.d.cts +1 -1
  87. package/build/cjs/components/icon/icons/ErrorIcon.d.cts +1 -1
  88. package/build/cjs/components/icon/icons/GreenCheckIcon.d.cts +1 -1
  89. package/build/cjs/components/icon/icons/HamburgerIcon.d.cts +1 -1
  90. package/build/cjs/components/icon/icons/InfoIcon.d.cts +1 -1
  91. package/build/cjs/components/icon/icons/LinkIcon.d.cts +1 -1
  92. package/build/cjs/components/icon/icons/MinusIcon.d.cts +1 -1
  93. package/build/cjs/components/icon/icons/PenIcon.d.cts +1 -1
  94. package/build/cjs/components/icon/icons/PlusIcon.d.cts +1 -1
  95. package/build/cjs/components/icon/icons/QuestionIcon.d.cts +1 -1
  96. package/build/cjs/components/icon/icons/RedCrossIcon.d.cts +1 -1
  97. package/build/cjs/components/icon/icons/SearchIcon.d.cts +1 -1
  98. package/build/cjs/components/icon/icons/SuccessIcon.d.cts +1 -1
  99. package/build/cjs/components/icon/icons/ThumbDownIcon.d.cts +1 -1
  100. package/build/cjs/components/icon/icons/ThumbUpIcon.d.cts +1 -1
  101. package/build/cjs/components/icon/icons/TrashCanIcon.d.cts +1 -1
  102. package/build/cjs/components/icon/icons/WarningIcon.d.cts +1 -1
  103. package/build/cjs/components/icon/icons/animated/ArrowHorizontalAnimated.d.cts +1 -1
  104. package/build/cjs/components/icon/icons/animated/ArrowVerticalAnimated.d.cts +1 -1
  105. package/build/cjs/components/icon/icons/animated/PlusRemoveAnimated.d.cts +1 -1
  106. package/build/cjs/components/icon/index.d.cts +39 -39
  107. package/build/cjs/components/icon-button/IconButton.d.cts +1 -1
  108. package/build/cjs/components/icon-button/index.d.cts +2 -2
  109. package/build/cjs/components/image/index.d.cts +1 -1
  110. package/build/cjs/components/index.d.cts +39 -39
  111. package/build/cjs/components/input-group/FieldGroup.d.cts +4 -4
  112. package/build/cjs/components/input-group/InputGroup.d.cts +4 -4
  113. package/build/cjs/components/input-group/Label.d.cts +1 -1
  114. package/build/cjs/components/input-group/SupportLabel.d.cts +1 -1
  115. package/build/cjs/components/input-group/index.d.cts +4 -4
  116. package/build/cjs/components/link/Link.d.cts +1 -1
  117. package/build/cjs/components/link/NavLink.d.cts +1 -1
  118. package/build/cjs/components/link/index.d.cts +2 -2
  119. package/build/cjs/components/link-list/LinkList.d.cts +1 -1
  120. package/build/cjs/components/link-list/index.d.cts +1 -1
  121. package/build/cjs/components/list/List.d.cts +1 -1
  122. package/build/cjs/components/list/ListItem.d.cts +1 -1
  123. package/build/cjs/components/list/index.d.cts +3 -3
  124. package/build/cjs/components/loader/index.d.cts +18 -18
  125. package/build/cjs/components/loader/skeletons/SkeletonAnimation.d.cts +1 -1
  126. package/build/cjs/components/loader/skeletons/SkeletonButton.d.cts +2 -2
  127. package/build/cjs/components/loader/skeletons/SkeletonCheckboxGroup.d.cts +3 -3
  128. package/build/cjs/components/loader/skeletons/SkeletonInput.d.cts +3 -3
  129. package/build/cjs/components/loader/skeletons/SkeletonLabel.d.cts +2 -2
  130. package/build/cjs/components/loader/skeletons/SkeletonRadioButtonGroup.d.cts +3 -3
  131. package/build/cjs/components/loader/skeletons/SkeletonTable.d.cts +1 -1
  132. package/build/cjs/components/loader/skeletons/SkeletonTextArea.d.cts +3 -3
  133. package/build/cjs/components/logo/LogoStamp.d.cts +1 -1
  134. package/build/cjs/components/logo/index.d.cts +5 -5
  135. package/build/cjs/components/logo/text-paths/index.d.cts +6 -6
  136. package/build/cjs/components/menu/Menu.d.cts +1 -1
  137. package/build/cjs/components/menu/MenuItem.d.cts +1 -1
  138. package/build/cjs/components/menu/MenuItemCheckbox.d.cts +1 -1
  139. package/build/cjs/components/menu/index.d.cts +4 -4
  140. package/build/cjs/components/message/FormErrorMessage.d.cts +1 -1
  141. package/build/cjs/components/message/Message.d.cts +1 -1
  142. package/build/cjs/components/message/index.d.cts +2 -2
  143. package/build/cjs/components/modal/Modal.d.cts +2 -2
  144. package/build/cjs/components/modal/index.d.cts +4 -4
  145. package/build/cjs/components/pagination/Pagination.d.cts +1 -1
  146. package/build/cjs/components/pagination/index.d.cts +1 -1
  147. package/build/cjs/components/popover/index.d.cts +1 -1
  148. package/build/cjs/components/progress-bar/index.d.cts +4 -4
  149. package/build/cjs/components/radio-button/BaseRadioButton.d.cts +2 -2
  150. package/build/cjs/components/radio-button/RadioButton.d.cts +1 -1
  151. package/build/cjs/components/radio-button/RadioButtonGroup.d.cts +2 -2
  152. package/build/cjs/components/radio-button/index.d.cts +6 -6
  153. package/build/cjs/components/radio-button/radioGroupContext.d.cts +1 -1
  154. package/build/cjs/components/select/NativeSelect.d.cts +2 -2
  155. package/build/cjs/components/select/Select.d.cts +4 -4
  156. package/build/cjs/components/select/index.d.cts +4 -4
  157. package/build/cjs/components/summary-table/index.d.cts +2 -2
  158. package/build/cjs/components/system-message/SystemMessage.d.cts +1 -1
  159. package/build/cjs/components/system-message/index.d.cts +1 -1
  160. package/build/cjs/components/table/DataTable.d.cts +1 -1
  161. package/build/cjs/components/table/ExpandableTableRow.d.cts +1 -1
  162. package/build/cjs/components/table/ExpandableTableRowController.d.cts +1 -1
  163. package/build/cjs/components/table/Table.d.cts +1 -1
  164. package/build/cjs/components/table/TableCell.d.cts +1 -1
  165. package/build/cjs/components/table/TableHeader.d.cts +2 -2
  166. package/build/cjs/components/table/TablePagination.d.cts +1 -1
  167. package/build/cjs/components/table/index.d.cts +34 -34
  168. package/build/cjs/components/table/tableContext.d.cts +1 -1
  169. package/build/cjs/components/table/tableSectionContext.d.cts +1 -1
  170. package/build/cjs/components/table/utils.d.cts +1 -1
  171. package/build/cjs/components/tabs/NavTabs.d.cts +1 -1
  172. package/build/cjs/components/tabs/Tab.d.cts +1 -1
  173. package/build/cjs/components/tabs/TabList.d.cts +1 -1
  174. package/build/cjs/components/tabs/TabPanel.d.cts +1 -1
  175. package/build/cjs/components/tabs/Tabs.d.cts +1 -1
  176. package/build/cjs/components/tabs/index.d.cts +6 -6
  177. package/build/cjs/components/tabs/tabsContext.d.cts +1 -1
  178. package/build/cjs/components/tag/Tag.d.cts +1 -1
  179. package/build/cjs/components/tag/index.d.cts +2 -2
  180. package/build/cjs/components/text-input/BaseTextInput.d.cts +2 -2
  181. package/build/cjs/components/text-input/TextArea.d.cts +2 -2
  182. package/build/cjs/components/text-input/TextInput.d.cts +2 -2
  183. package/build/cjs/components/text-input/index.d.cts +4 -4
  184. package/build/cjs/components/toast/Toast.d.cts +1 -1
  185. package/build/cjs/components/toast/ToastRegion.d.cts +1 -1
  186. package/build/cjs/components/toast/index.d.cts +2 -2
  187. package/build/cjs/components/toast/toastContext.d.cts +2 -2
  188. package/build/cjs/components/toggle-switch/ToggleSlider.d.cts +1 -1
  189. package/build/cjs/components/toggle-switch/ToggleSwitch.d.cts +2 -2
  190. package/build/cjs/components/toggle-switch/index.d.cts +2 -2
  191. package/build/cjs/components/tooltip/PopupTip.d.cts +1 -1
  192. package/build/cjs/components/tooltip/Tooltip.d.cts +1 -1
  193. package/build/cjs/components/tooltip/index.d.cts +4 -4
  194. package/build/cjs/core/index.d.cts +2 -2
  195. package/build/cjs/core/types.d.cts +1 -1
  196. package/build/cjs/hooks/index.d.cts +18 -18
  197. package/build/cjs/hooks/useAnimatedDetails/index.d.cts +1 -1
  198. package/build/cjs/hooks/useAnimatedHeight/index.d.cts +4 -4
  199. package/build/cjs/hooks/useAnimatedHeight/types.d.cts +1 -1
  200. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.d.cts +1 -1
  201. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeightBetween.d.cts +1 -1
  202. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.d.cts +1 -1
  203. package/build/cjs/hooks/useAriaLiveRegion/index.d.cts +1 -1
  204. package/build/cjs/hooks/useBrowserPreferences/index.d.cts +1 -1
  205. package/build/cjs/hooks/useBrowserPreferences/useBrowserPreferences.d.cts +1 -1
  206. package/build/cjs/hooks/useClickOutside/index.d.cts +1 -1
  207. package/build/cjs/hooks/useElementDimensions/index.d.cts +1 -1
  208. package/build/cjs/hooks/useFocusOutside/index.d.cts +1 -1
  209. package/build/cjs/hooks/useId/index.d.cts +1 -1
  210. package/build/cjs/hooks/useIntersectionObserver/index.d.cts +1 -1
  211. package/build/cjs/hooks/useKeyListener/index.d.cts +1 -1
  212. package/build/cjs/hooks/useListNavigation/index.d.cts +1 -1
  213. package/build/cjs/hooks/useLocalStorage/index.d.cts +1 -1
  214. package/build/cjs/hooks/useMutationObserver/index.d.cts +1 -1
  215. package/build/cjs/hooks/usePreviousValue/index.d.cts +1 -1
  216. package/build/cjs/hooks/useProgressiveImg/index.d.cts +1 -1
  217. package/build/cjs/hooks/useScreen/index.d.cts +2 -2
  218. package/build/cjs/hooks/useScreen/useScreen.d.cts +1 -1
  219. package/build/cjs/hooks/useScrollIntoView/index.d.cts +1 -1
  220. package/build/cjs/hooks/useSwipeGesture/index.d.cts +1 -1
  221. package/build/cjs/index.d.cts +4 -4
  222. package/build/cjs/utilities/constants/index.d.cts +1 -1
  223. package/build/cjs/utilities/formatters/avstand/formatAvstand.d.cts +1 -1
  224. package/build/cjs/utilities/formatters/bytes/formatBytes.d.cts +1 -1
  225. package/build/cjs/utilities/formatters/index.d.cts +14 -14
  226. package/build/cjs/utilities/formatters/util/registerWithMask.d.cts +7 -7
  227. package/build/cjs/utilities/formatters/valuta/formatValuta.d.cts +1 -1
  228. package/build/cjs/utilities/index.d.cts +7 -7
  229. package/build/cjs/utilities/polymorphism/index.d.cts +5 -5
  230. package/build/cjs/utilities/validators/index.d.cts +12 -12
  231. package/package.json +3 -4
  232. package/styles/components/button/button.css +2 -2
  233. package/styles/components/button/button.min.css +1 -1
  234. package/styles/components/checkbox/checkbox.css +4 -4
  235. package/styles/components/checkbox/checkbox.min.css +1 -1
  236. package/styles/components/feedback/feedback.css +2 -2
  237. package/styles/components/feedback/feedback.min.css +1 -1
  238. package/styles/components/input-group/input-group.css +2 -2
  239. package/styles/components/input-group/input-group.min.css +1 -1
  240. package/styles/components/loader/loader.css +6 -6
  241. package/styles/components/loader/loader.min.css +1 -1
  242. package/styles/components/loader/skeleton-loader.css +5 -5
  243. package/styles/components/loader/skeleton-loader.min.css +1 -1
  244. package/styles/components/message/message.css +2 -2
  245. package/styles/components/message/message.min.css +1 -1
  246. package/styles/components/progress-bar/progress-bar.css +2 -2
  247. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  248. package/styles/components/radio-button/radio-button.css +2 -2
  249. package/styles/components/radio-button/radio-button.min.css +1 -1
  250. package/styles/components/system-message/system-message.css +2 -2
  251. package/styles/components/system-message/system-message.min.css +1 -1
  252. package/styles/components/toast/toast.css +4 -4
  253. package/styles/components/toast/toast.min.css +1 -1
  254. package/styles/styles.css +33 -33
  255. package/styles/styles.min.css +1 -1
  256. package/styles/{core → vind}/_flex.scss +1 -1
  257. package/styles/{core → vind}/_font.scss +1 -1
  258. package/styles/vind/_index.scss +1 -0
  259. package/styles/{core → vind}/_margin.scss +1 -1
  260. package/styles/{core → vind}/_padding.scss +1 -1
  261. package/styles/{core → vind}/_space-between.scss +1 -1
  262. package/styles/{core → vind}/_typography.scss +1 -1
  263. package/styles/core/vind.scss +0 -3
  264. /package/styles/{core → vind}/vind.css +0 -0
  265. /package/styles/{core → vind}/vind.min.css +0 -0
  266. /package/styles/{core/_vind.scss → vind/vind.scss} +0 -0
@@ -1,2 +1,2 @@
1
- export { ToastProvider, useToast } from './toastContext.cjs;'
2
- export { type ToastContent } from './types.cjs;'
1
+ export { ToastProvider, useToast } from './toastContext.cjs';
2
+ export { type ToastContent } from './types.cjs';
@@ -1,6 +1,6 @@
1
1
  import { FC } from 'react';
2
- import { WithChildren } from '../../core/types.cjs;'
3
- import { ToastContent, ToastOptions } from './types.cjs;'
2
+ import { WithChildren } from '../../core/types.cjs';
3
+ import { ToastContent, ToastOptions } from './types.cjs';
4
4
  interface ToastContextProviderProps extends WithChildren {
5
5
  maxVisibleToasts?: number;
6
6
  /**
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { Density, WithChildren } from '../../core/types.cjs;'
2
+ import { Density, WithChildren } from '../../core/types.cjs';
3
3
  interface Props extends WithChildren {
4
4
  labels: [string, string];
5
5
  onToggle: (value: string) => void;
@@ -1,6 +1,6 @@
1
1
  import { default as React, ButtonHTMLAttributes } from 'react';
2
- import { Density } from '../../core/types.cjs;'
3
- import { SwipeChangeHandler } from '../../hooks/index.cjs;'
2
+ import { Density } from '../../core/types.cjs';
3
+ import { SwipeChangeHandler } from '../../hooks/index.cjs';
4
4
  export type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;
5
5
  export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
6
6
  density?: Density;
@@ -1,2 +1,2 @@
1
- export { ToggleSwitch, type ToggleChangeHandler } from './ToggleSwitch.cjs;'
2
- export { ToggleSlider } from './ToggleSlider.cjs;'
1
+ export { ToggleSwitch, type ToggleChangeHandler } from './ToggleSwitch.cjs';
2
+ export { ToggleSlider } from './ToggleSlider.cjs';
@@ -1,5 +1,5 @@
1
1
  import { FC, ReactNode, HTMLProps } from 'react';
2
- import { TooltipProps } from './Tooltip.cjs;'
2
+ import { TooltipProps } from './Tooltip.cjs';
3
3
  export interface PopupTipProps extends Omit<TooltipProps, "triggerOn" | "children"> {
4
4
  /**
5
5
  * Innholdet i tooltipet som vises
@@ -1,6 +1,6 @@
1
1
  import { Placement, UseFloatingReturn, useInteractions } from '@floating-ui/react';
2
2
  import { default as React, FC } from 'react';
3
- import { WithChildren } from '../../core/types.cjs;'
3
+ import { WithChildren } from '../../core/types.cjs';
4
4
  export type TooltipPlacement = Extract<Placement, "top-start" | "top-end" | "left" | "right" | "top">;
5
5
  export interface TooltipProps {
6
6
  /**
@@ -1,4 +1,4 @@
1
- export { Tooltip, type TooltipPlacement, type TooltipProps } from './Tooltip.cjs;'
2
- export { TooltipContent } from './TooltipContent.cjs;'
3
- export { TooltipTrigger } from './TooltipTrigger.cjs;'
4
- export { PopupTip, type PopupTipProps } from './PopupTip.cjs;'
1
+ export { Tooltip, type TooltipPlacement, type TooltipProps } from './Tooltip.cjs';
2
+ export { TooltipContent } from './TooltipContent.cjs';
3
+ export { TooltipTrigger } from './TooltipTrigger.cjs';
4
+ export { PopupTip, type PopupTipProps } from './PopupTip.cjs';
@@ -1,2 +1,2 @@
1
- export type { ColorScheme, Density, Easing, Timing, DataTestAutoId, WithChildren, WithOptionalChildren, } from './types.cjs;'
2
- export { default as tokens } from './tokens.cjs;'
1
+ export type { ColorScheme, Density, Easing, Timing, DataTestAutoId, WithChildren, WithOptionalChildren, } from './types.cjs';
2
+ export { default as tokens } from './tokens.cjs';
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { default as tokens } from './tokens.cjs;'
2
+ import { default as tokens } from './tokens.cjs';
3
3
  export interface DataTestAutoId {
4
4
  "data-testautoid"?: string;
5
5
  }
@@ -1,18 +1,18 @@
1
- export { useAnimatedDetails } from './useAnimatedDetails/useAnimatedDetails.cjs;'
2
- export { useAnimatedHeight, useAnimatedHeightBetween, useAutoAnimatedHeight, type UseAutoAnimatedHeightOptions, type UseAnimatedHeightOptions, } from './useAnimatedHeight/index.cjs;'
3
- export { useBrowserPreferences } from './/useBrowserPreferences//useBrowserPreferences.cjs;'
4
- export { useIntersectionObserver } from './useIntersectionObserver/useIntersectionObserver.cjs;'
5
- export { useLocalStorage } from './useLocalStorage/useLocalStorage.cjs;'
6
- export { useMutationObserver } from './useMutationObserver/useMutationObserver.cjs;'
7
- export { usePreviousValue } from './usePreviousValue/usePreviousValue.cjs;'
8
- export { useProgressiveImg, type ProgressiveImageProps } from './useProgressiveImg/useProgressiveImg.cjs;'
9
- export { useScreen, type ScreenState } from './useScreen/index.cjs;'
10
- export { useScrollIntoView, type ScrollIntoViewProps } from './useScrollIntoView/useScrollIntoView.cjs;'
11
- export { useAriaLiveRegion, type UseAriaLiveRegionOptions } from './useAriaLiveRegion/useAriaLiveRegion.cjs;'
12
- export { useClickOutside } from './useClickOutside/useClickOutside.cjs;'
13
- export { useFocusOutside } from './useFocusOutside/useFocusOutside.cjs;'
14
- export { useElementDimensions, type Dimensions } from './useElementDimensions/useElementDimensions.cjs;'
15
- export { useId } from './useId/useId.cjs;'
16
- export { useKeyListener } from './useKeyListener/useKeyListener.cjs;'
17
- export { useListNavigation } from './useListNavigation/useListNavigation.cjs;'
18
- export { useSwipeGesture, type SwipeChangeHandler } from './useSwipeGesture/useSwipeGesture.cjs;'
1
+ export { useAnimatedDetails } from './useAnimatedDetails/useAnimatedDetails.cjs';
2
+ export { useAnimatedHeight, useAnimatedHeightBetween, useAutoAnimatedHeight, type UseAutoAnimatedHeightOptions, type UseAnimatedHeightOptions, } from './useAnimatedHeight/index.cjs';
3
+ export { useBrowserPreferences } from './/useBrowserPreferences//useBrowserPreferences.cjs';
4
+ export { useIntersectionObserver } from './useIntersectionObserver/useIntersectionObserver.cjs';
5
+ export { useLocalStorage } from './useLocalStorage/useLocalStorage.cjs';
6
+ export { useMutationObserver } from './useMutationObserver/useMutationObserver.cjs';
7
+ export { usePreviousValue } from './usePreviousValue/usePreviousValue.cjs';
8
+ export { useProgressiveImg, type ProgressiveImageProps } from './useProgressiveImg/useProgressiveImg.cjs';
9
+ export { useScreen, type ScreenState } from './useScreen/index.cjs';
10
+ export { useScrollIntoView, type ScrollIntoViewProps } from './useScrollIntoView/useScrollIntoView.cjs';
11
+ export { useAriaLiveRegion, type UseAriaLiveRegionOptions } from './useAriaLiveRegion/useAriaLiveRegion.cjs';
12
+ export { useClickOutside } from './useClickOutside/useClickOutside.cjs';
13
+ export { useFocusOutside } from './useFocusOutside/useFocusOutside.cjs';
14
+ export { useElementDimensions, type Dimensions } from './useElementDimensions/useElementDimensions.cjs';
15
+ export { useId } from './useId/useId.cjs';
16
+ export { useKeyListener } from './useKeyListener/useKeyListener.cjs';
17
+ export { useListNavigation } from './useListNavigation/useListNavigation.cjs';
18
+ export { useSwipeGesture, type SwipeChangeHandler } from './useSwipeGesture/useSwipeGesture.cjs';
@@ -1 +1 @@
1
- export { useAnimatedDetails } from './useAnimatedDetails.cjs;'
1
+ export { useAnimatedDetails } from './useAnimatedDetails.cjs';
@@ -1,4 +1,4 @@
1
- export type { UseAnimatedHeightOptions } from './types.cjs;'
2
- export { useAnimatedHeight } from './useAnimatedHeight.cjs;'
3
- export { useAnimatedHeightBetween } from './useAnimatedHeightBetween.cjs;'
4
- export { useAutoAnimatedHeight, type UseAutoAnimatedHeightOptions } from './useAutoAnimateHeight.cjs;'
1
+ export type { UseAnimatedHeightOptions } from './types.cjs';
2
+ export { useAnimatedHeight } from './useAnimatedHeight.cjs';
3
+ export { useAnimatedHeightBetween } from './useAnimatedHeightBetween.cjs';
4
+ export { useAutoAnimatedHeight, type UseAutoAnimatedHeightOptions } from './useAutoAnimateHeight.cjs';
@@ -1,5 +1,5 @@
1
1
  import { RefObject } from 'react';
2
- import { Easing, Timing } from '../../core/types.cjs;'
2
+ import { Easing, Timing } from '../../core/types.cjs';
3
3
  export interface UseAnimatedHeightOptions<T extends HTMLElement = HTMLElement> {
4
4
  display?: "block" | "grid" | "flex";
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { RefObject } from 'react';
2
- import { UseAnimatedHeightOptions } from './types.cjs;'
2
+ import { UseAnimatedHeightOptions } from './types.cjs';
3
3
  /**
4
4
  * Lar deg animere et element opp til sin maksimale høyde, eller ned til 0.
5
5
  *
@@ -1,5 +1,5 @@
1
1
  import { RefObject } from 'react';
2
- import { UseAnimatedHeightOptions } from './types.cjs;'
2
+ import { UseAnimatedHeightOptions } from './types.cjs';
3
3
  /**
4
4
  * Lar deg enklere animere mellom to tilstander, gitt ved å sette `data-expanded` på et element til `true` eller `false`.
5
5
  * Du bestemmer selv hvilke stiler elementet skal ha i de to tilstandene (vha CSS/Sass), og høyden animeres dersom den endrer seg.
@@ -1,5 +1,5 @@
1
1
  import { RefObject } from 'react';
2
- import { Easing, Timing } from '../../core/types.cjs;'
2
+ import { Easing, Timing } from '../../core/types.cjs';
3
3
  export type UseAutoAnimatedHeightOptions<T extends HTMLElement> = {
4
4
  easing?: Easing;
5
5
  /**
@@ -1 +1 @@
1
- export { useAriaLiveRegion, type UseAriaLiveRegionOptions } from './useAriaLiveRegion.cjs;'
1
+ export { useAriaLiveRegion, type UseAriaLiveRegionOptions } from './useAriaLiveRegion.cjs';
@@ -1 +1 @@
1
- export { useBrowserPreferences } from './useBrowserPreferences.cjs;'
1
+ export { useBrowserPreferences } from './useBrowserPreferences.cjs';
@@ -1,4 +1,4 @@
1
- import { ColorScheme } from '../../core/types.cjs;'
1
+ import { ColorScheme } from '../../core/types.cjs';
2
2
  type BrowserPreferences = {
3
3
  prefersReducedMotion: boolean;
4
4
  prefersColorScheme: ColorScheme;
@@ -1 +1 @@
1
- export { useClickOutside } from './useClickOutside.cjs;'
1
+ export { useClickOutside } from './useClickOutside.cjs';
@@ -1 +1 @@
1
- export { useElementDimensions, type Dimensions } from './useElementDimensions.cjs;'
1
+ export { useElementDimensions, type Dimensions } from './useElementDimensions.cjs';
@@ -1 +1 @@
1
- export { useFocusOutside } from './useFocusOutside.cjs;'
1
+ export { useFocusOutside } from './useFocusOutside.cjs';
@@ -1 +1 @@
1
- export { useId } from './useId.cjs;'
1
+ export { useId } from './useId.cjs';
@@ -1 +1 @@
1
- export { useIntersectionObserver } from './useIntersectionObserver.cjs;'
1
+ export { useIntersectionObserver } from './useIntersectionObserver.cjs';
@@ -1 +1 @@
1
- export { useKeyListener } from './useKeyListener.cjs;'
1
+ export { useKeyListener } from './useKeyListener.cjs';
@@ -1 +1 @@
1
- export { useListNavigation } from './useListNavigation.cjs;'
1
+ export { useListNavigation } from './useListNavigation.cjs';
@@ -1 +1 @@
1
- export { useLocalStorage } from './useLocalStorage.cjs;'
1
+ export { useLocalStorage } from './useLocalStorage.cjs';
@@ -1 +1 @@
1
- export { useMutationObserver } from './useMutationObserver.cjs;'
1
+ export { useMutationObserver } from './useMutationObserver.cjs';
@@ -1 +1 @@
1
- export { usePreviousValue } from './usePreviousValue.cjs;'
1
+ export { usePreviousValue } from './usePreviousValue.cjs';
@@ -1 +1 @@
1
- export { useProgressiveImg, type ProgressiveImageProps } from './useProgressiveImg.cjs;'
1
+ export { useProgressiveImg, type ProgressiveImageProps } from './useProgressiveImg.cjs';
@@ -1,2 +1,2 @@
1
- export { useScreen } from './useScreen.cjs;'
2
- export { type ScreenState } from './state.cjs;'
1
+ export { useScreen } from './useScreen.cjs';
2
+ export { type ScreenState } from './state.cjs';
@@ -1,4 +1,4 @@
1
- import { ScreenState } from './state.cjs;'
1
+ import { ScreenState } from './state.cjs';
2
2
  /**
3
3
  * Finn størrelsen og orienteringen til skjermen.
4
4
  * @returns Et objekt med boolean som indikerer om skjermstørrelsen er liten, medium, stor eller ekstra stor, og om skjermen er i portrett- eller landskapsmodus.
@@ -1 +1 @@
1
- export { useScrollIntoView, type ScrollIntoViewProps } from './useScrollIntoView.cjs;'
1
+ export { useScrollIntoView, type ScrollIntoViewProps } from './useScrollIntoView.cjs';
@@ -1 +1 @@
1
- export { useSwipeGesture, type SwipeChangeHandler } from './useSwipeGesture.cjs;'
1
+ export { useSwipeGesture, type SwipeChangeHandler } from './useSwipeGesture.cjs';
@@ -1,4 +1,4 @@
1
- export * from './components/index.cjs;'
2
- export * from './core/index.cjs;'
3
- export * from './hooks/index.cjs;'
4
- export * from './utilities/index.cjs;'
1
+ export * from './components/index.cjs';
2
+ export * from './core/index.cjs';
3
+ export * from './hooks/index.cjs';
4
+ export * from './utilities/index.cjs';
@@ -1 +1 @@
1
- export * as unicode from './unicode.cjs;'
1
+ export * as unicode from './unicode.cjs';
@@ -1,4 +1,4 @@
1
- import { FormatNumberOptions } from '../util/formatNumber.cjs;'
1
+ import { FormatNumberOptions } from '../util/formatNumber.cjs';
2
2
  export type LengthUnit = "kilometer" | "meter" | "decimeter" | "centimeter" | "millimeter" | "micrometer" | "nanometer" | "picometer" | "mile" | "yard" | "foot" | "inch" | "point";
3
3
  export interface FormatAvstandOptions extends FormatNumberOptions {
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { FormatNumberOptions } from '../util/formatNumber.cjs;'
1
+ import { FormatNumberOptions } from '../util/formatNumber.cjs';
2
2
  /**
3
3
  * Formater et antall bytes som en lesbar verdi med enten KB eller MB som enhet.
4
4
  * @param bytes Antall bytes som skal vises i lesbar form
@@ -1,14 +1,14 @@
1
- export type { FormatNumberOptions } from './util/formatNumber.cjs;'
2
- export { formatNumber } from './util/formatNumber.cjs;'
3
- export { parseNumber } from './util/parseNumber.cjs;'
4
- export type { Formatter, RegisterWithMaskOptions } from './util/registerWithMask.cjs;'
5
- export { registerWithMasks, registerWithFodselsnummerMask, registerWithKontonummerMask, registerWithKortnummerMask, registerWithTelefonnummerMask, } from './util/registerWithMask.cjs;'
6
- export { formatAvstand } from './avstand/formatAvstand.cjs;'
7
- export { formatBytes } from './bytes/formatBytes.cjs;'
8
- export { formatDate } from './date/formatDate.cjs;'
9
- export { FODSELSNUMMER_REGEX, formatFodselsnummer } from './fodselsnummer/formatFodselsnummer.cjs;'
10
- export { ORGANISASJONSNUMMER_REGEX, formatOrganisasjonsnummer, } from './organisasjonsnummer/formatOrganisasjonsnummer.cjs;'
11
- export { KONTONUMMER_REGEX, formatKontonummer } from './kontonummer/formatKontonummer.cjs;'
12
- export { KORTNUMMER_REGEX, formatKortnummer } from './kortnummer/formatKortnummer.cjs;'
13
- export { TELEFONNUMMER_REGEX, formatTelefonnummer } from './telefonnummer/formatTelefonnummer.cjs;'
14
- export { formatValuta } from './valuta/formatValuta.cjs;'
1
+ export type { FormatNumberOptions } from './util/formatNumber.cjs';
2
+ export { formatNumber } from './util/formatNumber.cjs';
3
+ export { parseNumber } from './util/parseNumber.cjs';
4
+ export type { Formatter, RegisterWithMaskOptions } from './util/registerWithMask.cjs';
5
+ export { registerWithMasks, registerWithFodselsnummerMask, registerWithKontonummerMask, registerWithKortnummerMask, registerWithTelefonnummerMask, } from './util/registerWithMask.cjs';
6
+ export { formatAvstand } from './avstand/formatAvstand.cjs';
7
+ export { formatBytes } from './bytes/formatBytes.cjs';
8
+ export { formatDate } from './date/formatDate.cjs';
9
+ export { FODSELSNUMMER_REGEX, formatFodselsnummer } from './fodselsnummer/formatFodselsnummer.cjs';
10
+ export { ORGANISASJONSNUMMER_REGEX, formatOrganisasjonsnummer, } from './organisasjonsnummer/formatOrganisasjonsnummer.cjs';
11
+ export { KONTONUMMER_REGEX, formatKontonummer } from './kontonummer/formatKontonummer.cjs';
12
+ export { KORTNUMMER_REGEX, formatKortnummer } from './kortnummer/formatKortnummer.cjs';
13
+ export { TELEFONNUMMER_REGEX, formatTelefonnummer } from './telefonnummer/formatTelefonnummer.cjs';
14
+ export { formatValuta } from './valuta/formatValuta.cjs';
@@ -1,11 +1,11 @@
1
1
  import { FieldValues, Path, RegisterOptions, UseFormRegisterReturn, UseFormReturn } from 'react-hook-form';
2
- import { formatDateString } from '../date/formatDate.cjs;'
3
- import { formatFodselsnummer } from '../fodselsnummer/formatFodselsnummer.cjs;'
4
- import { formatKontonummer } from '../kontonummer/formatKontonummer.cjs;'
5
- import { formatKortnummer } from '../kortnummer/formatKortnummer.cjs;'
6
- import { formatOrganisasjonsnummer } from '../organisasjonsnummer/formatOrganisasjonsnummer.cjs;'
7
- import { formatTelefonnummer } from '../telefonnummer/formatTelefonnummer.cjs;'
8
- import { formatNumber } from './formatNumber.cjs;'
2
+ import { formatDateString } from '../date/formatDate.cjs';
3
+ import { formatFodselsnummer } from '../fodselsnummer/formatFodselsnummer.cjs';
4
+ import { formatKontonummer } from '../kontonummer/formatKontonummer.cjs';
5
+ import { formatKortnummer } from '../kortnummer/formatKortnummer.cjs';
6
+ import { formatOrganisasjonsnummer } from '../organisasjonsnummer/formatOrganisasjonsnummer.cjs';
7
+ import { formatTelefonnummer } from '../telefonnummer/formatTelefonnummer.cjs';
8
+ import { formatNumber } from './formatNumber.cjs';
9
9
  declare const formatters: {
10
10
  date: typeof formatDateString;
11
11
  fodselsnummer: typeof formatFodselsnummer;
@@ -1,4 +1,4 @@
1
- import { FormatNumberOptions } from '../util/formatNumber.cjs;'
1
+ import { FormatNumberOptions } from '../util/formatNumber.cjs';
2
2
  interface FormatValutaOptions extends FormatNumberOptions {
3
3
  prefix?: string;
4
4
  /**
@@ -1,7 +1,7 @@
1
- export * from './constants/index.cjs;'
2
- export * from './formatters/index.cjs;'
3
- export * from './getThemeAndDensity.cjs;'
4
- export * from './polymorphism/index.cjs;'
5
- export * from './validators/index.cjs;'
6
- export * from './tabListener.cjs;'
7
- export * from './valuePair.cjs;'
1
+ export * from './constants/index.cjs';
2
+ export * from './formatters/index.cjs';
3
+ export * from './getThemeAndDensity.cjs';
4
+ export * from './polymorphism/index.cjs';
5
+ export * from './validators/index.cjs';
6
+ export * from './tabListener.cjs';
7
+ export * from './valuePair.cjs';
@@ -1,5 +1,5 @@
1
- export type { AsChildProps } from './as-child.cjs;'
2
- export { mergeProps } from './mergeProps.cjs;'
3
- export { mergeRefs, type PossibleRef } from './mergeRefs.cjs;'
4
- export type { PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef } from './polymorphism.cjs;'
5
- export { SlotComponent, type SlotComponentProps } from './SlotComponent.cjs;'
1
+ export type { AsChildProps } from './as-child.cjs';
2
+ export { mergeProps } from './mergeProps.cjs';
3
+ export { mergeRefs, type PossibleRef } from './mergeRefs.cjs';
4
+ export type { PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef } from './polymorphism.cjs';
5
+ export { SlotComponent, type SlotComponentProps } from './SlotComponent.cjs';
@@ -1,12 +1,12 @@
1
- export { isValidEpost } from './isValidEpost/isValidEpost.cjs;'
2
- export { isValidTelefonnummer } from './isValidTelefonnummer/isValidTelefonnummer.cjs;'
3
- export { isValidRegistreringsnummer } from './isValidRegistreringsnummer/isValidRegistreringsnummer.cjs;'
4
- export { isValidChassisnummer } from './isValidChassisnummer/isValidChassisnummer.cjs;'
5
- export { isValidDogId } from './isValidDogId/isValidDogId.cjs;'
6
- export { isExactLength } from './isExactLength/isExactLength.cjs;'
7
- export { isInteger } from './isInteger/isInteger.cjs;'
8
- export { isValidFodselsnummer } from './isValidFodselsnummer/isValidFodselsnummer.cjs;'
9
- export { isValidOrganisasjonsnummer } from './isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs;'
10
- export { isValidName } from './isValidName/isValidName.cjs;'
11
- export { hasMinimumWords } from './hasMinimumWords/hasMinimumWords.cjs;'
12
- export { hasNoIllegalCharacters } from './hasNoIllegalCharacters/hasNoIllegalCharacters.cjs;'
1
+ export { isValidEpost } from './isValidEpost/isValidEpost.cjs';
2
+ export { isValidTelefonnummer } from './isValidTelefonnummer/isValidTelefonnummer.cjs';
3
+ export { isValidRegistreringsnummer } from './isValidRegistreringsnummer/isValidRegistreringsnummer.cjs';
4
+ export { isValidChassisnummer } from './isValidChassisnummer/isValidChassisnummer.cjs';
5
+ export { isValidDogId } from './isValidDogId/isValidDogId.cjs';
6
+ export { isExactLength } from './isExactLength/isExactLength.cjs';
7
+ export { isInteger } from './isInteger/isInteger.cjs';
8
+ export { isValidFodselsnummer } from './isValidFodselsnummer/isValidFodselsnummer.cjs';
9
+ export { isValidOrganisasjonsnummer } from './isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs';
10
+ export { isValidName } from './isValidName/isValidName.cjs';
11
+ export { hasMinimumWords } from './hasMinimumWords/hasMinimumWords.cjs';
12
+ export { hasNoIllegalCharacters } from './hasNoIllegalCharacters/hasNoIllegalCharacters.cjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fremtind/jokul",
3
- "version": "0.25.0",
3
+ "version": "0.25.2",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -79,8 +79,7 @@
79
79
  "dev": "babel --out-dir=. dev-server.mjs && node dev-server.js",
80
80
  "compile:style": "node build-styles.mjs",
81
81
  "compile:scripts": "vite build --config vite.build.config.mjs",
82
- "refactor": "sed -i \"s/\\.js'/\\.cjs'/g\" build/cjs/**/*.d.cts",
83
- "test": "vitest run"
82
+ "test": "vitest --config vite.test.config.mjs"
84
83
  },
85
84
  "peerDependencies": {
86
85
  "react": "^18.0.0"
@@ -132,5 +131,5 @@
132
131
  "@babel/preset-react"
133
132
  ]
134
133
  },
135
- "gitHead": "1403071c5d7a11b2c1f7198a80ef1fbcd0363e64"
134
+ "gitHead": "e716632d1df2e32591f77304c0f25043e02f434c"
136
135
  }
@@ -136,7 +136,7 @@
136
136
  height: 1rem;
137
137
  }
138
138
  html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
139
- animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-ur8q5tf;
139
+ animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-u13dxm3;
140
140
  }
141
141
  :not([data-touchnavigation]) .jkl-button--primary:hover, :not([data-touchnavigation]) .jkl-button--secondary:hover, :not([data-touchnavigation]) .jkl-button--tertiary:hover {
142
142
  scale: 1.05;
@@ -180,7 +180,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
180
180
  --background-color: var(--jkl-color-background-interactive-hover);
181
181
  }
182
182
 
183
- @keyframes jkl-tertiary-flash-ur8q5tf {
183
+ @keyframes jkl-tertiary-flash-u13dxm3 {
184
184
  0% {
185
185
  opacity: 0.5;
186
186
  scale: 1;
@@ -1 +1 @@
1
- .jkl .jkl-button,.jkl-button[data-density=comfortable],.jkl-button[data-layout-density=comfortable],[data-density=comfortable] .jkl-button,[data-layout-density=comfortable] .jkl-button{--padding-block:0.5rem;--padding-text:1.5rem;--padding-icon:1rem;--padding-icon-button:0.5rem;--padding-tertiary-inline:0.25rem;--padding-ghost-inline:0.5rem}.jkl-button[data-density=compact],.jkl-button[data-layout-density=compact],[data-density=compact] .jkl-button,[data-layout-density=compact] .jkl-button{--padding-block:0.25rem;--padding-text:0.75rem;--padding-icon:0.5rem;--padding-icon-button:0.25rem;--padding-tertiary-inline:0.125rem;--padding-ghost-inline:0.25rem;font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;--jkl-icon-weight:500;font-weight:700}.jkl-button{--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background-color:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);font-size:1.125rem;font-weight:400;line-height:1.75rem;max-width:100%;overflow:hidden;padding-block:var(--padding-block);padding-inline:var(--padding-text);position:relative;transition-duration:.15s;transition-property:scale;transition-timing-function:ease;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}@media (min-width:680px){.jkl-button{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}}.jkl-button:has(.jkl-icon:first-child){padding-inline-start:var(--padding-icon)}.jkl-button:has(.jkl-icon:last-child){padding-inline-end:var(--padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:.125rem;pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-button:before{background-color:var(--text-color);border-radius:9999px;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);opacity:0;pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform-origin:center;translate:-100%,-100%;width:1rem}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:jkl-tertiary-flash-ur8q5tf .25s cubic-bezier(.6,.2,.35,1)}:not([data-touchnavigation]) .jkl-button--primary:hover,:not([data-touchnavigation]) .jkl-button--secondary:hover,:not([data-touchnavigation]) .jkl-button--tertiary:hover{scale:1.05;transform-origin:center}.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary:after{border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary,.jkl-button--tertiary:has(.jkl-icon:first-child),.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:var(--padding-tertiary-inline)}.jkl-button--tertiary:after,.jkl-button--tertiary:has(.jkl-icon:first-child):after,.jkl-button--tertiary:has(.jkl-icon:last-child):after{border-bottom:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):hover,.jkl-button--tertiary:has(.jkl-icon:last-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:last-child):hover,.jkl-button--tertiary:hover{--border-width:0.125rem}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){border-radius:.25rem;padding-inline:var(--padding-ghost-inline);transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover,.jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-ur8q5tf{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}
1
+ .jkl .jkl-button,.jkl-button[data-density=comfortable],.jkl-button[data-layout-density=comfortable],[data-density=comfortable] .jkl-button,[data-layout-density=comfortable] .jkl-button{--padding-block:0.5rem;--padding-text:1.5rem;--padding-icon:1rem;--padding-icon-button:0.5rem;--padding-tertiary-inline:0.25rem;--padding-ghost-inline:0.5rem}.jkl-button[data-density=compact],.jkl-button[data-layout-density=compact],[data-density=compact] .jkl-button,[data-layout-density=compact] .jkl-button{--padding-block:0.25rem;--padding-text:0.75rem;--padding-icon:0.5rem;--padding-icon-button:0.25rem;--padding-tertiary-inline:0.125rem;--padding-ghost-inline:0.25rem;font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;--jkl-icon-weight:500;font-weight:700}.jkl-button{--text-color:var(--jkl-color-text-default);--background-color:transparent;--border-radius:0;--border-width:0.0625rem;background-color:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);font-size:1.125rem;font-weight:400;line-height:1.75rem;max-width:100%;overflow:hidden;padding-block:var(--padding-block);padding-inline:var(--padding-text);position:relative;transition-duration:.15s;transition-property:scale;transition-timing-function:ease;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}@media (min-width:680px){.jkl-button{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}}.jkl-button:has(.jkl-icon:first-child){padding-inline-start:var(--padding-icon)}.jkl-button:has(.jkl-icon:last-child){padding-inline-end:var(--padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:.125rem;pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-button:before{background-color:var(--text-color);border-radius:9999px;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);opacity:0;pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform-origin:center;translate:-100%,-100%;width:1rem}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:jkl-tertiary-flash-u13dxm3 .25s cubic-bezier(.6,.2,.35,1)}:not([data-touchnavigation]) .jkl-button--primary:hover,:not([data-touchnavigation]) .jkl-button--secondary:hover,:not([data-touchnavigation]) .jkl-button--tertiary:hover{scale:1.05;transform-origin:center}.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary:after{border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary,.jkl-button--tertiary:has(.jkl-icon:first-child),.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:var(--padding-tertiary-inline)}.jkl-button--tertiary:after,.jkl-button--tertiary:has(.jkl-icon:first-child):after,.jkl-button--tertiary:has(.jkl-icon:last-child):after{border-bottom:var(--border-width) solid var(--text-color);border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:first-child):hover,.jkl-button--tertiary:has(.jkl-icon:last-child):focus-visible,.jkl-button--tertiary:has(.jkl-icon:last-child):hover,.jkl-button--tertiary:hover{--border-width:0.125rem}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){border-radius:.25rem;padding-inline:var(--padding-ghost-inline);transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover,.jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-u13dxm3{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}
@@ -32,7 +32,7 @@
32
32
  --jkl-checkbox-line-height: 1.5rem;
33
33
  }
34
34
 
35
- @keyframes jkl-checkbox-checked-u1zxn35 {
35
+ @keyframes jkl-checkbox-checked-urplixk {
36
36
  0% {
37
37
  width: 0;
38
38
  height: 0;
@@ -46,7 +46,7 @@
46
46
  height: 58%;
47
47
  }
48
48
  }
49
- @keyframes jkl-checkbox-indeterminate-u1zxn3n {
49
+ @keyframes jkl-checkbox-indeterminate-urplixz {
50
50
  0% {
51
51
  width: 0;
52
52
  }
@@ -74,11 +74,11 @@
74
74
  top: -6px;
75
75
  }
76
76
  .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
77
- animation: jkl-checkbox-checked-u1zxn35 150ms ease-in-out forwards;
77
+ animation: jkl-checkbox-checked-urplixk 150ms ease-in-out forwards;
78
78
  opacity: 1;
79
79
  }
80
80
  .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
81
- animation: jkl-checkbox-indeterminate-u1zxn3n 150ms ease-in-out forwards;
81
+ animation: jkl-checkbox-indeterminate-urplixz 150ms ease-in-out forwards;
82
82
  opacity: 1;
83
83
  }
84
84
  .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -1 +1 @@
1
- :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-u1zxn35{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-u1zxn3n{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-u1zxn35 .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-u1zxn3n .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color:var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;box-sizing:border-box;flex-shrink:0;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);margin-inline-end:var(--jkl-spacing-8);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}
1
+ :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-urplixk{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-urplixz{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:transparent;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-urplixk .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-urplixz .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color:var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;box-sizing:border-box;flex-shrink:0;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);margin-inline-end:var(--jkl-spacing-8);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}
@@ -2,7 +2,7 @@
2
2
  * Do not edit directly
3
3
  * Generated on Mon, 23 Sep 2024 08:51:40 GMT
4
4
  */
5
- @keyframes jkl-show-uvew9d6 {
5
+ @keyframes jkl-show-u6yhb9z {
6
6
  from {
7
7
  transform: translate3d(0, 0.5rem, 0);
8
8
  opacity: 0;
@@ -37,7 +37,7 @@
37
37
  }
38
38
  }
39
39
  .jkl-feedback__fade-in {
40
- animation: jkl-show-uvew9d6 0.25s ease-out;
40
+ animation: jkl-show-u6yhb9z 0.25s ease-out;
41
41
  }
42
42
 
43
43
  .jkl-feedback-smileys {
@@ -1 +1 @@
1
- @keyframes jkl-show-uvew9d6{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:1rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-uvew9d6 .25s ease-out}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after{opacity:1}
1
+ @keyframes jkl-show-u6yhb9z{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:1rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-u6yhb9z .25s ease-out}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem rgba(0,0,0,.1);inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after{opacity:1}
@@ -78,7 +78,7 @@
78
78
  --color: var(--jkl-color-text-default);
79
79
  }
80
80
  .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
81
- animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-um1p6jl forwards;
81
+ animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-u7nocwi forwards;
82
82
  }
83
83
  .jkl-form-support-label--sr-only {
84
84
  border: 0 !important;
@@ -153,7 +153,7 @@
153
153
  white-space: nowrap !important; /* 3 */
154
154
  }
155
155
 
156
- @keyframes jkl-support-icon-entrance-um1p6jl {
156
+ @keyframes jkl-support-icon-entrance-u7nocwi {
157
157
  0% {
158
158
  margin-right: 0;
159
159
  opacity: 0;