@fremtind/jokul 5.0.0-next.0 → 5.0.0-next.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 (636) hide show
  1. package/README.md +30 -7
  2. package/bin/jokul.mjs +10 -0
  3. package/bin/run-jokul-cli.mjs +63 -0
  4. package/build/build-stats.html +1 -1
  5. package/build/cjs/components/beta/description-list/DescriptionList.cjs +2 -0
  6. package/build/cjs/components/beta/description-list/DescriptionList.cjs.map +1 -0
  7. package/build/cjs/components/beta/description-list/DescriptionListItem.cjs +2 -0
  8. package/build/cjs/components/beta/description-list/DescriptionListItem.cjs.map +1 -0
  9. package/build/cjs/{components-beta → components/beta}/description-list/index.d.cts +2 -2
  10. package/build/cjs/components/beta/nav-link/NavLink.cjs +2 -0
  11. package/build/cjs/components/beta/nav-link/NavLink.cjs.map +1 -0
  12. package/build/cjs/components/beta/nav-link/index.d.cts +1 -0
  13. package/build/cjs/{components-beta → components/beta}/nav-link/types.d.cts +1 -1
  14. package/build/cjs/components/beta/select/Select.cjs +2 -0
  15. package/build/cjs/components/beta/select/Select.cjs.map +1 -0
  16. package/build/cjs/components/beta/select/index.d.cts +2 -0
  17. package/build/cjs/{components-beta → components/beta}/select/types.d.cts +1 -1
  18. package/build/cjs/components/breadcrumb/types.d.cts +1 -1
  19. package/build/cjs/components/card/Card.cjs +1 -1
  20. package/build/cjs/components/card/Card.cjs.map +1 -1
  21. package/build/cjs/components/card/types.cjs +1 -1
  22. package/build/cjs/components/card/types.cjs.map +1 -1
  23. package/build/cjs/components/card/types.d.cts +2 -2
  24. package/build/cjs/components/checkbox/Checkbox.cjs +1 -1
  25. package/build/cjs/components/checkbox/Checkbox.cjs.map +1 -1
  26. package/build/cjs/components/checkbox/types.d.cts +1 -1
  27. package/build/cjs/components/cookie-consent/CookieConsent.cjs +1 -1
  28. package/build/cjs/components/cookie-consent/CookieConsent.cjs.map +1 -1
  29. package/build/cjs/components/cookie-consent/CookieConsent.d.cts +1 -1
  30. package/build/cjs/components/cookie-consent/types.d.cts +5 -1
  31. package/build/cjs/components/datepicker/DatePicker.cjs +1 -1
  32. package/build/cjs/components/datepicker/DatePicker.cjs.map +1 -1
  33. package/build/cjs/components/datepicker/types.d.cts +1 -1
  34. package/build/cjs/components/description-list/index.cjs +1 -1
  35. package/build/cjs/components/description-list/index.d.cts +3 -3
  36. package/build/cjs/components/description-list/types.d.cts +1 -1
  37. package/build/cjs/components/expander/ExpandablePanel.cjs +1 -1
  38. package/build/cjs/components/expander/ExpandablePanel.cjs.map +1 -1
  39. package/build/cjs/components/feedback/feedbackContext.cjs.map +1 -1
  40. package/build/cjs/components/feedback/feedbackContext.d.cts +1 -1
  41. package/build/cjs/components/feedback/followup/followupContext.cjs.map +1 -1
  42. package/build/cjs/components/feedback/followup/followupContext.d.cts +1 -1
  43. package/build/cjs/components/feedback/main-question/mainQuestionContext.cjs.map +1 -1
  44. package/build/cjs/components/feedback/main-question/mainQuestionContext.d.cts +1 -1
  45. package/build/cjs/components/feedback/questions/smileyUtils.cjs.map +1 -1
  46. package/build/cjs/components/file-input/internal/Dropzone.cjs.map +1 -1
  47. package/build/cjs/components/file-input/internal/Dropzone.d.cts +1 -1
  48. package/build/cjs/components/file-input/internal/fileInputContext.cjs.map +1 -1
  49. package/build/cjs/components/file-input/internal/fileInputContext.d.cts +1 -1
  50. package/build/cjs/components/icon/development/internal/IconsExampleGrid.d.cts +1 -1
  51. package/build/cjs/components/input-group/InputGroup.d.cts +2 -2
  52. package/build/cjs/components/input-group/types.d.cts +1 -1
  53. package/build/cjs/components/link/Link.cjs +1 -1
  54. package/build/cjs/components/link/Link.cjs.map +1 -1
  55. package/build/cjs/components/link/Link.d.cts +2 -2
  56. package/build/cjs/components/link/types.d.cts +1 -4
  57. package/build/cjs/components/link-list/LinkList.d.cts +1 -1
  58. package/build/cjs/components/list/ListItem.cjs.map +1 -1
  59. package/build/cjs/components/list/ListItem.d.cts +1 -1
  60. package/build/cjs/components/logo/types.d.cts +1 -1
  61. package/build/cjs/components/menu/types.d.cts +1 -1
  62. package/build/cjs/components/modal/Modal.cjs +1 -1
  63. package/build/cjs/components/modal/Modal.cjs.map +1 -1
  64. package/build/cjs/components/modal/Modal.d.cts +2 -9
  65. package/build/cjs/components/modal/index.d.cts +1 -1
  66. package/build/cjs/components/modal/types.d.cts +19 -1
  67. package/build/cjs/components/nav-link/index.cjs +1 -1
  68. package/build/cjs/components/nav-link/index.d.cts +2 -2
  69. package/build/cjs/components/popover/Popover.cjs +1 -1
  70. package/build/cjs/components/popover/Popover.cjs.map +1 -1
  71. package/build/cjs/components/radio-button/BaseRadioButton.cjs +1 -1
  72. package/build/cjs/components/radio-button/BaseRadioButton.cjs.map +1 -1
  73. package/build/cjs/components/radio-button/radioGroupContext.cjs.map +1 -1
  74. package/build/cjs/components/radio-button/radioGroupContext.d.cts +1 -1
  75. package/build/cjs/components/screen-reader-only/types.d.cts +1 -1
  76. package/build/cjs/components/select/index.cjs +1 -1
  77. package/build/cjs/components/select/index.d.cts +2 -2
  78. package/build/cjs/components/select/types.d.cts +1 -1
  79. package/build/cjs/components/system-message/types.d.cts +1 -1
  80. package/build/cjs/components/table/types.d.cts +1 -1
  81. package/build/cjs/components/table-of-contents/TableOfContents.d.cts +1 -1
  82. package/build/cjs/components/tabs/types.d.cts +1 -1
  83. package/build/cjs/components/toast/types.d.cts +1 -1
  84. package/build/cjs/components/toggle-switch/types.d.cts +1 -1
  85. package/build/cjs/components/tooltip/Tooltip.cjs.map +1 -1
  86. package/build/cjs/components/tooltip/Tooltip.d.cts +1 -1
  87. package/build/cjs/hooks/useAnimatedHeight/types.d.cts +1 -1
  88. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.cjs +1 -1
  89. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeight.cjs.map +1 -1
  90. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs +1 -1
  91. package/build/cjs/hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs.map +1 -1
  92. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.cjs +1 -1
  93. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.cjs.map +1 -1
  94. package/build/cjs/hooks/useAnimatedHeight/useAutoAnimateHeight.d.cts +1 -1
  95. package/build/cjs/hooks/useAriaLiveRegion/useAriaLiveRegion.d.cts +1 -1
  96. package/build/cjs/hooks/useBrowserPreferences/useBrowserPreferences.cjs.map +1 -1
  97. package/build/cjs/hooks/useBrowserPreferences/useBrowserPreferences.d.cts +1 -1
  98. package/build/cjs/hooks/useScreen/useScreen.cjs +1 -1
  99. package/build/cjs/hooks/useScreen/useScreen.cjs.map +1 -1
  100. package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs +1 -1
  101. package/build/cjs/tailwind/plugins/jokulTypographyPlugin.cjs.map +1 -1
  102. package/build/cjs/tailwind/tailwindPreset.cjs +1 -1
  103. package/build/cjs/tailwind/tailwindPreset.cjs.map +1 -1
  104. package/build/cjs/tokens.cjs +2 -0
  105. package/build/cjs/tokens.cjs.map +1 -0
  106. package/build/cjs/tokens.d.cts +235 -0
  107. package/build/cjs/utilities/getThemeAndSize.cjs +1 -1
  108. package/build/cjs/utilities/getThemeAndSize.cjs.map +1 -1
  109. package/build/cjs/utilities/getThemeAndSize.d.cts +1 -1
  110. package/build/cjs/utilities/index.d.cts +1 -0
  111. package/build/cjs/{core → utilities}/types.d.cts +1 -1
  112. package/build/es/components/beta/description-list/DescriptionList.js +2 -0
  113. package/build/es/components/beta/description-list/DescriptionList.js.map +1 -0
  114. package/build/es/components/beta/description-list/DescriptionListItem.js +2 -0
  115. package/build/es/components/beta/description-list/DescriptionListItem.js.map +1 -0
  116. package/build/es/{components-beta → components/beta}/description-list/index.d.ts +2 -2
  117. package/build/es/components/beta/nav-link/NavLink.js +2 -0
  118. package/build/es/components/beta/nav-link/NavLink.js.map +1 -0
  119. package/build/es/components/beta/nav-link/index.d.ts +1 -0
  120. package/build/es/{components-beta → components/beta}/nav-link/types.d.ts +1 -1
  121. package/build/es/components/beta/select/Select.js +2 -0
  122. package/build/es/components/beta/select/Select.js.map +1 -0
  123. package/build/es/components/beta/select/index.d.ts +2 -0
  124. package/build/es/{components-beta → components/beta}/select/types.d.ts +1 -1
  125. package/build/es/components/breadcrumb/types.d.ts +1 -1
  126. package/build/es/components/card/Card.js +1 -1
  127. package/build/es/components/card/Card.js.map +1 -1
  128. package/build/es/components/card/types.d.ts +2 -2
  129. package/build/es/components/card/types.js +1 -1
  130. package/build/es/components/card/types.js.map +1 -1
  131. package/build/es/components/checkbox/Checkbox.js +1 -1
  132. package/build/es/components/checkbox/Checkbox.js.map +1 -1
  133. package/build/es/components/checkbox/types.d.ts +1 -1
  134. package/build/es/components/cookie-consent/CookieConsent.d.ts +1 -1
  135. package/build/es/components/cookie-consent/CookieConsent.js +1 -1
  136. package/build/es/components/cookie-consent/CookieConsent.js.map +1 -1
  137. package/build/es/components/cookie-consent/types.d.ts +5 -1
  138. package/build/es/components/datepicker/DatePicker.js +1 -1
  139. package/build/es/components/datepicker/DatePicker.js.map +1 -1
  140. package/build/es/components/datepicker/types.d.ts +1 -1
  141. package/build/es/components/description-list/index.d.ts +3 -3
  142. package/build/es/components/description-list/index.js +1 -1
  143. package/build/es/components/description-list/types.d.ts +1 -1
  144. package/build/es/components/expander/ExpandablePanel.js +1 -1
  145. package/build/es/components/expander/ExpandablePanel.js.map +1 -1
  146. package/build/es/components/feedback/feedbackContext.d.ts +1 -1
  147. package/build/es/components/feedback/feedbackContext.js.map +1 -1
  148. package/build/es/components/feedback/followup/followupContext.d.ts +1 -1
  149. package/build/es/components/feedback/followup/followupContext.js.map +1 -1
  150. package/build/es/components/feedback/main-question/mainQuestionContext.d.ts +1 -1
  151. package/build/es/components/feedback/main-question/mainQuestionContext.js.map +1 -1
  152. package/build/es/components/feedback/questions/smileyUtils.js.map +1 -1
  153. package/build/es/components/file-input/internal/Dropzone.d.ts +1 -1
  154. package/build/es/components/file-input/internal/Dropzone.js.map +1 -1
  155. package/build/es/components/file-input/internal/fileInputContext.d.ts +1 -1
  156. package/build/es/components/file-input/internal/fileInputContext.js.map +1 -1
  157. package/build/es/components/icon/development/internal/IconsExampleGrid.d.ts +1 -1
  158. package/build/es/components/input-group/InputGroup.d.ts +2 -2
  159. package/build/es/components/input-group/types.d.ts +1 -1
  160. package/build/es/components/link/Link.d.ts +2 -2
  161. package/build/es/components/link/Link.js +1 -1
  162. package/build/es/components/link/Link.js.map +1 -1
  163. package/build/es/components/link/types.d.ts +1 -4
  164. package/build/es/components/link-list/LinkList.d.ts +1 -1
  165. package/build/es/components/list/ListItem.d.ts +1 -1
  166. package/build/es/components/list/ListItem.js.map +1 -1
  167. package/build/es/components/logo/types.d.ts +1 -1
  168. package/build/es/components/menu/types.d.ts +1 -1
  169. package/build/es/components/modal/Modal.d.ts +2 -9
  170. package/build/es/components/modal/Modal.js +1 -1
  171. package/build/es/components/modal/Modal.js.map +1 -1
  172. package/build/es/components/modal/index.d.ts +1 -1
  173. package/build/es/components/modal/types.d.ts +19 -1
  174. package/build/es/components/nav-link/index.d.ts +2 -2
  175. package/build/es/components/nav-link/index.js +1 -1
  176. package/build/es/components/popover/Popover.js +1 -1
  177. package/build/es/components/popover/Popover.js.map +1 -1
  178. package/build/es/components/radio-button/BaseRadioButton.js +1 -1
  179. package/build/es/components/radio-button/BaseRadioButton.js.map +1 -1
  180. package/build/es/components/radio-button/radioGroupContext.d.ts +1 -1
  181. package/build/es/components/radio-button/radioGroupContext.js.map +1 -1
  182. package/build/es/components/screen-reader-only/types.d.ts +1 -1
  183. package/build/es/components/select/index.d.ts +2 -2
  184. package/build/es/components/select/index.js +1 -1
  185. package/build/es/components/select/types.d.ts +1 -1
  186. package/build/es/components/system-message/types.d.ts +1 -1
  187. package/build/es/components/table/types.d.ts +1 -1
  188. package/build/es/components/table-of-contents/TableOfContents.d.ts +1 -1
  189. package/build/es/components/tabs/types.d.ts +1 -1
  190. package/build/es/components/toast/types.d.ts +1 -1
  191. package/build/es/components/toggle-switch/types.d.ts +1 -1
  192. package/build/es/components/tooltip/Tooltip.d.ts +1 -1
  193. package/build/es/components/tooltip/Tooltip.js.map +1 -1
  194. package/build/es/hooks/useAnimatedHeight/types.d.ts +1 -1
  195. package/build/es/hooks/useAnimatedHeight/useAnimatedHeight.js +1 -1
  196. package/build/es/hooks/useAnimatedHeight/useAnimatedHeight.js.map +1 -1
  197. package/build/es/hooks/useAnimatedHeight/useAnimatedHeightBetween.js +1 -1
  198. package/build/es/hooks/useAnimatedHeight/useAnimatedHeightBetween.js.map +1 -1
  199. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.d.ts +1 -1
  200. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.js +1 -1
  201. package/build/es/hooks/useAnimatedHeight/useAutoAnimateHeight.js.map +1 -1
  202. package/build/es/hooks/useAriaLiveRegion/useAriaLiveRegion.d.ts +1 -1
  203. package/build/es/hooks/useBrowserPreferences/useBrowserPreferences.d.ts +1 -1
  204. package/build/es/hooks/useBrowserPreferences/useBrowserPreferences.js.map +1 -1
  205. package/build/es/hooks/useScreen/useScreen.js +1 -1
  206. package/build/es/hooks/useScreen/useScreen.js.map +1 -1
  207. package/build/es/tailwind/plugins/jokulTypographyPlugin.js +1 -1
  208. package/build/es/tailwind/plugins/jokulTypographyPlugin.js.map +1 -1
  209. package/build/es/tailwind/tailwindPreset.js +1 -1
  210. package/build/es/tailwind/tailwindPreset.js.map +1 -1
  211. package/build/es/tokens.d.ts +235 -0
  212. package/build/es/tokens.js +2 -0
  213. package/build/es/tokens.js.map +1 -0
  214. package/build/es/utilities/getThemeAndSize.d.ts +1 -1
  215. package/build/es/utilities/getThemeAndSize.js +1 -1
  216. package/build/es/utilities/getThemeAndSize.js.map +1 -1
  217. package/build/es/utilities/index.d.ts +1 -0
  218. package/build/es/{core → utilities}/types.d.ts +1 -1
  219. package/codemods/__tests__/import-paths.test.mjs +84 -0
  220. package/codemods/import-paths.mjs +393 -0
  221. package/package.json +12 -585
  222. package/styles/base.css +1822 -0
  223. package/styles/base.min.css +2 -0
  224. package/styles/components/autosuggest/autosuggest.css +6 -12
  225. package/styles/components/autosuggest/autosuggest.min.css +1 -1
  226. package/styles/components/autosuggest/autosuggest.scss +3 -3
  227. package/styles/{components-beta → components/beta}/description-list/description-list.css +1 -1
  228. package/styles/{components-beta → components/beta}/description-list/description-list.min.css +1 -1
  229. package/styles/{components-beta → components/beta}/description-list/description-list.scss +2 -2
  230. package/styles/{components-beta → components/beta}/nav-link/navlink.css +11 -14
  231. package/styles/components/beta/nav-link/navlink.min.css +1 -0
  232. package/styles/{components-beta → components/beta}/nav-link/navlink.scss +4 -4
  233. package/styles/components/beta/select/_index.scss +3 -0
  234. package/styles/{components-beta → components/beta}/select/select.css +13 -16
  235. package/styles/components/beta/select/select.min.css +1 -0
  236. package/styles/{components-beta → components/beta}/select/select.scss +9 -9
  237. package/styles/components/breadcrumb/breadcrumb.css +1 -1
  238. package/styles/components/breadcrumb/breadcrumb.min.css +1 -1
  239. package/styles/components/breadcrumb/breadcrumb.scss +1 -1
  240. package/styles/components/button/button.css +15 -14
  241. package/styles/components/button/button.min.css +1 -1
  242. package/styles/components/button/button.scss +14 -14
  243. package/styles/components/card/card.css +8 -11
  244. package/styles/components/card/card.min.css +1 -1
  245. package/styles/components/card/card.scss +7 -11
  246. package/styles/components/checkbox/checkbox.css +55 -42
  247. package/styles/components/checkbox/checkbox.min.css +1 -1
  248. package/styles/components/checkbox/checkbox.scss +43 -36
  249. package/styles/components/checkbox-panel/checkbox-panel.css +84 -72
  250. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  251. package/styles/components/checkbox-panel/checkbox-panel.scss +5 -1
  252. package/styles/components/checkbox-panel/development/styles.scss +1 -1
  253. package/styles/components/chip/chip.css +6 -9
  254. package/styles/components/chip/chip.min.css +1 -1
  255. package/styles/components/chip/chip.scss +3 -3
  256. package/styles/components/combobox/combobox.css +30 -39
  257. package/styles/components/combobox/combobox.min.css +1 -1
  258. package/styles/components/combobox/combobox.scss +10 -8
  259. package/styles/components/cookie-consent/cookie-consent.css +1 -5
  260. package/styles/components/cookie-consent/cookie-consent.min.css +1 -1
  261. package/styles/components/cookie-consent/cookie-consent.scss +1 -1
  262. package/styles/components/countdown/countdown.css +4 -4
  263. package/styles/components/countdown/countdown.min.css +1 -1
  264. package/styles/components/datepicker/_calendar-date-button.scss +9 -9
  265. package/styles/components/datepicker/_calendar-navigation-dropdown.scss +3 -3
  266. package/styles/components/datepicker/_calendar-navigation.scss +1 -1
  267. package/styles/components/datepicker/_calendar-table.scss +1 -1
  268. package/styles/components/datepicker/_calendar.scss +7 -8
  269. package/styles/components/datepicker/datepicker.css +27 -31
  270. package/styles/components/datepicker/datepicker.min.css +1 -1
  271. package/styles/components/datepicker/datepicker.scss +1 -1
  272. package/styles/components/description-list/description-list.css +2 -2
  273. package/styles/components/description-list/description-list.min.css +1 -1
  274. package/styles/components/description-list/description-list.scss +3 -3
  275. package/styles/components/expander/expandable.css +20 -20
  276. package/styles/components/expander/expandable.min.css +1 -1
  277. package/styles/components/expander/expandable.scss +16 -20
  278. package/styles/components/feedback/feedback.css +14 -20
  279. package/styles/components/feedback/feedback.min.css +1 -1
  280. package/styles/components/feedback/feedback.scss +5 -10
  281. package/styles/components/file/file.css +10 -18
  282. package/styles/components/file/file.min.css +1 -1
  283. package/styles/components/file/file.scss +7 -7
  284. package/styles/components/file-input/file-input.css +52 -70
  285. package/styles/components/file-input/file-input.min.css +1 -1
  286. package/styles/components/file-input/file-input.scss +4 -4
  287. package/styles/components/help/help.css +2 -2
  288. package/styles/components/help/help.min.css +1 -1
  289. package/styles/components/help/help.scss +3 -3
  290. package/styles/components/icon/_base-styles.scss +3 -5
  291. package/styles/components/icon/icon.css +13 -34
  292. package/styles/components/icon/icon.min.css +1 -1
  293. package/styles/components/icon/icon.scss +5 -19
  294. package/styles/components/icon-button/icon-button.css +3 -3
  295. package/styles/components/icon-button/icon-button.min.css +1 -1
  296. package/styles/components/icon-button/icon-button.scss +1 -1
  297. package/styles/components/image/image.css +2 -2
  298. package/styles/components/image/image.min.css +1 -1
  299. package/styles/components/image/image.scss +1 -1
  300. package/styles/components/input-group/_field-group.scss +1 -1
  301. package/styles/components/input-group/_labels.scss +1 -1
  302. package/styles/components/input-group/input-group.css +12 -27
  303. package/styles/components/input-group/input-group.min.css +1 -1
  304. package/styles/components/input-group/input-group.scss +1 -1
  305. package/styles/components/input-panel/input-panel.css +26 -30
  306. package/styles/components/input-panel/input-panel.min.css +1 -1
  307. package/styles/components/input-panel/input-panel.scss +22 -20
  308. package/styles/components/link/link.css +7 -8
  309. package/styles/components/link/link.min.css +1 -1
  310. package/styles/components/link/link.scss +1 -2
  311. package/styles/components/link-list/link-list.css +17 -23
  312. package/styles/components/link-list/link-list.min.css +1 -1
  313. package/styles/components/link-list/link-list.scss +7 -3
  314. package/styles/components/list/list.css +6 -27
  315. package/styles/components/list/list.min.css +1 -1
  316. package/styles/components/list/list.scss +11 -15
  317. package/styles/components/loader/loader.css +6 -6
  318. package/styles/components/loader/loader.min.css +1 -1
  319. package/styles/components/loader/loader.scss +1 -1
  320. package/styles/components/loader/skeleton-loader.css +4 -4
  321. package/styles/components/loader/skeleton-loader.min.css +1 -1
  322. package/styles/components/loader/skeleton-loader.scss +2 -2
  323. package/styles/components/logo/logo.css +4 -4
  324. package/styles/components/logo/logo.min.css +1 -1
  325. package/styles/components/logo/logo.scss +1 -1
  326. package/styles/components/menu/_menu-divider.scss +2 -2
  327. package/styles/components/menu/_menu-item.scss +1 -1
  328. package/styles/components/menu/menu.css +8 -23
  329. package/styles/components/menu/menu.min.css +1 -1
  330. package/styles/components/menu/menu.scss +8 -12
  331. package/styles/components/message/message.css +25 -27
  332. package/styles/components/message/message.min.css +1 -1
  333. package/styles/components/message/message.scss +17 -7
  334. package/styles/components/modal/_layout.scss +22 -0
  335. package/styles/components/modal/_modal-base.scss +32 -0
  336. package/styles/components/modal/_motion.scss +45 -0
  337. package/styles/components/modal/_overlay.scss +20 -0
  338. package/styles/components/modal/_parts.scss +33 -0
  339. package/styles/components/modal/_placement.scss +59 -0
  340. package/styles/components/modal/modal.css +120 -42
  341. package/styles/components/modal/modal.min.css +1 -1
  342. package/styles/components/modal/modal.scss +6 -95
  343. package/styles/components/nav-link/nav-link.css +5 -5
  344. package/styles/components/nav-link/nav-link.min.css +1 -1
  345. package/styles/components/nav-link/nav-link.scss +2 -2
  346. package/styles/components/pagination/development/styles.scss +1 -1
  347. package/styles/components/pagination/pagination.css +2 -2
  348. package/styles/components/pagination/pagination.min.css +1 -1
  349. package/styles/components/pagination/pagination.scss +1 -1
  350. package/styles/components/popover/popover.css +17 -18
  351. package/styles/components/popover/popover.min.css +1 -1
  352. package/styles/components/popover/popover.scss +21 -11
  353. package/styles/components/progress-bar/progress-bar.css +29 -5
  354. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  355. package/styles/components/progress-bar/progress-bar.scss +6 -1
  356. package/styles/components/radio-button/radio-button.css +53 -36
  357. package/styles/components/radio-button/radio-button.min.css +1 -1
  358. package/styles/components/radio-button/radio-button.scss +40 -31
  359. package/styles/components/radio-panel/development/styles.scss +1 -1
  360. package/styles/components/radio-panel/radio-panel.css +29 -30
  361. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  362. package/styles/components/radio-panel/radio-panel.scss +5 -1
  363. package/styles/components/search/search-with-submit-button.css +3 -3
  364. package/styles/components/search/search-with-submit-button.min.css +1 -1
  365. package/styles/components/search/search-with-submit-button.scss +2 -2
  366. package/styles/components/search/search.css +10 -16
  367. package/styles/components/search/search.min.css +1 -1
  368. package/styles/components/search/search.scss +2 -2
  369. package/styles/components/segmented-control/segmented-control.css +91 -114
  370. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  371. package/styles/components/segmented-control/segmented-control.scss +5 -5
  372. package/styles/components/select/select.css +27 -36
  373. package/styles/components/select/select.min.css +1 -1
  374. package/styles/components/select/select.scss +13 -14
  375. package/styles/components/summary-table/development/summary-table-example.scss +1 -1
  376. package/styles/components/summary-table/summary-table.css +5 -8
  377. package/styles/components/summary-table/summary-table.min.css +1 -1
  378. package/styles/components/summary-table/summary-table.scss +5 -5
  379. package/styles/components/system-message/system-message.css +22 -15
  380. package/styles/components/system-message/system-message.min.css +1 -1
  381. package/styles/components/system-message/system-message.scss +18 -9
  382. package/styles/components/table/_table-caption.scss +1 -1
  383. package/styles/components/table/_table-cell.scss +1 -1
  384. package/styles/components/table/_table-head.scss +3 -13
  385. package/styles/components/table/_table-header.scss +4 -4
  386. package/styles/components/table/_table-pagination.scss +1 -1
  387. package/styles/components/table/_table-row.scss +3 -3
  388. package/styles/components/table/table.css +20 -48
  389. package/styles/components/table/table.min.css +1 -1
  390. package/styles/components/table/table.scss +1 -1
  391. package/styles/components/table-of-contents/table-of-contents.css +4 -8
  392. package/styles/components/table-of-contents/table-of-contents.min.css +1 -1
  393. package/styles/components/table-of-contents/table-of-contents.scss +2 -2
  394. package/styles/components/tabs/tabs.css +9 -12
  395. package/styles/components/tabs/tabs.min.css +1 -1
  396. package/styles/components/tabs/tabs.scss +3 -3
  397. package/styles/components/tag/tag.css +18 -11
  398. package/styles/components/tag/tag.min.css +1 -1
  399. package/styles/components/tag/tag.scss +18 -8
  400. package/styles/components/text-area/text-area.css +17 -26
  401. package/styles/components/text-area/text-area.min.css +1 -1
  402. package/styles/components/text-area/text-area.scss +1 -1
  403. package/styles/components/text-input/text-input.css +12 -18
  404. package/styles/components/text-input/text-input.min.css +1 -1
  405. package/styles/components/text-input/text-input.scss +2 -3
  406. package/styles/components/toast/toast.css +21 -20
  407. package/styles/components/toast/toast.min.css +1 -1
  408. package/styles/components/toast/toast.scss +16 -14
  409. package/styles/components/toggle-switch/_toggle-slider.scss +5 -5
  410. package/styles/components/toggle-switch/toggle-switch.css +21 -29
  411. package/styles/components/toggle-switch/toggle-switch.min.css +2 -2
  412. package/styles/components/toggle-switch/toggle-switch.scss +10 -17
  413. package/styles/components/tooltip/tooltip.css +7 -11
  414. package/styles/components/tooltip/tooltip.min.css +1 -1
  415. package/styles/components/tooltip/tooltip.scss +4 -4
  416. package/styles/{styles.css → components.css} +801 -872
  417. package/styles/components.min.css +3 -0
  418. package/styles/{styles.scss → components.scss} +2 -2
  419. package/styles/{core/global → global}/_base-class.scss +6 -4
  420. package/styles/{core/global → global}/_top-layer.scss +1 -1
  421. package/styles/hooks/stories/styles.scss +7 -9
  422. package/styles/{core/jkl/_theme.scss → jkl/_forced-colors.scss} +0 -49
  423. package/styles/{core/jkl → jkl}/_index.scss +3 -6
  424. package/styles/{core/jkl → jkl}/_motion.scss +8 -26
  425. package/styles/{core/jkl → jkl}/_ornaments.scss +1 -1
  426. package/styles/{core/jkl → jkl}/_reset.scss +2 -2
  427. package/styles/{core/jkl → jkl}/_spacing.scss +1 -6
  428. package/styles/jkl/_tokens.scss +386 -0
  429. package/styles/{core/jkl → jkl}/_typography.scss +5 -98
  430. package/styles/shared/input/shared-input-styles.scss +7 -7
  431. package/styles/shared/track/track.scss +3 -3
  432. package/styles/tailwind.css +213 -0
  433. package/styles/theme/_color-scheme.scss +153 -0
  434. package/styles/{core/theme → theme}/_dynamic-spacing.scss +9 -5
  435. package/styles/theme/_fonts.scss +147 -0
  436. package/styles/theme/_index.scss +8 -0
  437. package/styles/theme/_size.scss +53 -0
  438. package/styles/theme/_tokens.scss +94 -0
  439. package/styles/theme/brands/dnb/_color-scheme.scss +119 -0
  440. package/styles/theme/brands/eika/_color-scheme.scss +119 -0
  441. package/styles/theme/brands/sparebank1/_color-scheme.scss +119 -0
  442. package/styles/{core/utility → utility}/_headings.scss +1 -1
  443. package/styles/utility/_paragraphs.scss +24 -0
  444. package/styles/{core/utility → utility}/_screen-reader.scss +1 -1
  445. package/styles/{core/utility → utility}/_spacing.scss +4 -3
  446. package/build/cjs/components-beta/description-list/DescriptionList.cjs +0 -2
  447. package/build/cjs/components-beta/description-list/DescriptionList.cjs.map +0 -1
  448. package/build/cjs/components-beta/description-list/DescriptionListItem.cjs +0 -2
  449. package/build/cjs/components-beta/description-list/DescriptionListItem.cjs.map +0 -1
  450. package/build/cjs/components-beta/nav-link/NavLink.cjs +0 -2
  451. package/build/cjs/components-beta/nav-link/NavLink.cjs.map +0 -1
  452. package/build/cjs/components-beta/nav-link/index.d.cts +0 -1
  453. package/build/cjs/components-beta/select/Select.cjs +0 -2
  454. package/build/cjs/components-beta/select/Select.cjs.map +0 -1
  455. package/build/cjs/components-beta/select/index.d.cts +0 -2
  456. package/build/cjs/core/index.cjs +0 -2
  457. package/build/cjs/core/index.cjs.map +0 -1
  458. package/build/cjs/core/index.d.cts +0 -2
  459. package/build/cjs/core/tokens/build-tailwind-4.cjs +0 -2
  460. package/build/cjs/core/tokens/build-tailwind-4.cjs.map +0 -1
  461. package/build/cjs/core/tokens/build-tailwind-4.d.cts +0 -1
  462. package/build/cjs/core/tokens/style-dictionary/build.cjs +0 -2
  463. package/build/cjs/core/tokens/style-dictionary/build.cjs.map +0 -1
  464. package/build/cjs/core/tokens/style-dictionary/build.d.cts +0 -0
  465. package/build/cjs/core/tokens/style-dictionary/config.cjs +0 -2
  466. package/build/cjs/core/tokens/style-dictionary/config.cjs.map +0 -1
  467. package/build/cjs/core/tokens/style-dictionary/config.d.cts +0 -4
  468. package/build/cjs/core/tokens/style-dictionary/filters/index.cjs +0 -2
  469. package/build/cjs/core/tokens/style-dictionary/filters/index.cjs.map +0 -1
  470. package/build/cjs/core/tokens/style-dictionary/filters/index.d.cts +0 -3
  471. package/build/cjs/core/tokens/style-dictionary/formats/css-dynamic-color-variables.cjs +0 -2
  472. package/build/cjs/core/tokens/style-dictionary/formats/css-dynamic-color-variables.cjs.map +0 -1
  473. package/build/cjs/core/tokens/style-dictionary/formats/css-dynamic-color-variables.d.cts +0 -3
  474. package/build/cjs/core/tokens/style-dictionary/formats/css-theme-variables.cjs +0 -2
  475. package/build/cjs/core/tokens/style-dictionary/formats/css-theme-variables.cjs.map +0 -1
  476. package/build/cjs/core/tokens/style-dictionary/formats/css-theme-variables.d.cts +0 -3
  477. package/build/cjs/core/tokens/style-dictionary/formats/index.cjs +0 -2
  478. package/build/cjs/core/tokens/style-dictionary/formats/index.cjs.map +0 -1
  479. package/build/cjs/core/tokens/style-dictionary/formats/index.d.cts +0 -6
  480. package/build/cjs/core/tokens/style-dictionary/formats/javascript-esm.cjs +0 -2
  481. package/build/cjs/core/tokens/style-dictionary/formats/javascript-esm.cjs.map +0 -1
  482. package/build/cjs/core/tokens/style-dictionary/formats/javascript-esm.d.cts +0 -3
  483. package/build/cjs/core/tokens/style-dictionary/formats/scss-theme-variables.cjs +0 -2
  484. package/build/cjs/core/tokens/style-dictionary/formats/scss-theme-variables.cjs.map +0 -1
  485. package/build/cjs/core/tokens/style-dictionary/formats/scss-theme-variables.d.cts +0 -3
  486. package/build/cjs/core/tokens/style-dictionary/formats/tailwindcss-colors.cjs +0 -2
  487. package/build/cjs/core/tokens/style-dictionary/formats/tailwindcss-colors.cjs.map +0 -1
  488. package/build/cjs/core/tokens/style-dictionary/formats/tailwindcss-colors.d.cts +0 -3
  489. package/build/cjs/core/tokens/style-dictionary/register.cjs +0 -2
  490. package/build/cjs/core/tokens/style-dictionary/register.cjs.map +0 -1
  491. package/build/cjs/core/tokens/style-dictionary/register.d.cts +0 -1
  492. package/build/cjs/core/tokens/style-dictionary/transforms/index.cjs +0 -2
  493. package/build/cjs/core/tokens/style-dictionary/transforms/index.cjs.map +0 -1
  494. package/build/cjs/core/tokens/style-dictionary/transforms/index.d.cts +0 -2
  495. package/build/cjs/core/tokens/style-dictionary/transforms/strip-light-dark.cjs +0 -2
  496. package/build/cjs/core/tokens/style-dictionary/transforms/strip-light-dark.cjs.map +0 -1
  497. package/build/cjs/core/tokens/style-dictionary/transforms/strip-light-dark.d.cts +0 -3
  498. package/build/cjs/index.cjs +0 -2
  499. package/build/cjs/index.cjs.map +0 -1
  500. package/build/cjs/index.d.cts +0 -3
  501. package/build/es/components-beta/description-list/DescriptionList.js +0 -2
  502. package/build/es/components-beta/description-list/DescriptionList.js.map +0 -1
  503. package/build/es/components-beta/description-list/DescriptionListItem.js +0 -2
  504. package/build/es/components-beta/description-list/DescriptionListItem.js.map +0 -1
  505. package/build/es/components-beta/nav-link/NavLink.js +0 -2
  506. package/build/es/components-beta/nav-link/NavLink.js.map +0 -1
  507. package/build/es/components-beta/nav-link/index.d.ts +0 -1
  508. package/build/es/components-beta/select/Select.js +0 -2
  509. package/build/es/components-beta/select/Select.js.map +0 -1
  510. package/build/es/components-beta/select/index.d.ts +0 -2
  511. package/build/es/core/index.d.ts +0 -2
  512. package/build/es/core/index.js +0 -2
  513. package/build/es/core/index.js.map +0 -1
  514. package/build/es/core/tokens/build-tailwind-4.d.ts +0 -1
  515. package/build/es/core/tokens/build-tailwind-4.js +0 -2
  516. package/build/es/core/tokens/build-tailwind-4.js.map +0 -1
  517. package/build/es/core/tokens/style-dictionary/build.d.ts +0 -0
  518. package/build/es/core/tokens/style-dictionary/build.js +0 -2
  519. package/build/es/core/tokens/style-dictionary/build.js.map +0 -1
  520. package/build/es/core/tokens/style-dictionary/config.d.ts +0 -4
  521. package/build/es/core/tokens/style-dictionary/config.js +0 -2
  522. package/build/es/core/tokens/style-dictionary/config.js.map +0 -1
  523. package/build/es/core/tokens/style-dictionary/filters/index.d.ts +0 -3
  524. package/build/es/core/tokens/style-dictionary/filters/index.js +0 -2
  525. package/build/es/core/tokens/style-dictionary/filters/index.js.map +0 -1
  526. package/build/es/core/tokens/style-dictionary/formats/css-dynamic-color-variables.d.ts +0 -3
  527. package/build/es/core/tokens/style-dictionary/formats/css-dynamic-color-variables.js +0 -2
  528. package/build/es/core/tokens/style-dictionary/formats/css-dynamic-color-variables.js.map +0 -1
  529. package/build/es/core/tokens/style-dictionary/formats/css-theme-variables.d.ts +0 -3
  530. package/build/es/core/tokens/style-dictionary/formats/css-theme-variables.js +0 -2
  531. package/build/es/core/tokens/style-dictionary/formats/css-theme-variables.js.map +0 -1
  532. package/build/es/core/tokens/style-dictionary/formats/index.d.ts +0 -6
  533. package/build/es/core/tokens/style-dictionary/formats/index.js +0 -2
  534. package/build/es/core/tokens/style-dictionary/formats/index.js.map +0 -1
  535. package/build/es/core/tokens/style-dictionary/formats/javascript-esm.d.ts +0 -3
  536. package/build/es/core/tokens/style-dictionary/formats/javascript-esm.js +0 -2
  537. package/build/es/core/tokens/style-dictionary/formats/javascript-esm.js.map +0 -1
  538. package/build/es/core/tokens/style-dictionary/formats/scss-theme-variables.d.ts +0 -3
  539. package/build/es/core/tokens/style-dictionary/formats/scss-theme-variables.js +0 -2
  540. package/build/es/core/tokens/style-dictionary/formats/scss-theme-variables.js.map +0 -1
  541. package/build/es/core/tokens/style-dictionary/formats/tailwindcss-colors.d.ts +0 -3
  542. package/build/es/core/tokens/style-dictionary/formats/tailwindcss-colors.js +0 -2
  543. package/build/es/core/tokens/style-dictionary/formats/tailwindcss-colors.js.map +0 -1
  544. package/build/es/core/tokens/style-dictionary/register.d.ts +0 -1
  545. package/build/es/core/tokens/style-dictionary/register.js +0 -2
  546. package/build/es/core/tokens/style-dictionary/register.js.map +0 -1
  547. package/build/es/core/tokens/style-dictionary/transforms/index.d.ts +0 -2
  548. package/build/es/core/tokens/style-dictionary/transforms/index.js +0 -2
  549. package/build/es/core/tokens/style-dictionary/transforms/index.js.map +0 -1
  550. package/build/es/core/tokens/style-dictionary/transforms/strip-light-dark.d.ts +0 -3
  551. package/build/es/core/tokens/style-dictionary/transforms/strip-light-dark.js +0 -2
  552. package/build/es/core/tokens/style-dictionary/transforms/strip-light-dark.js.map +0 -1
  553. package/build/es/index.d.ts +0 -3
  554. package/build/es/index.js +0 -2
  555. package/build/es/index.js.map +0 -1
  556. package/build/index-Ck94bTpt.cjs +0 -2
  557. package/build/index-Ck94bTpt.cjs.map +0 -1
  558. package/build/index-DOHQmuhD.js +0 -2
  559. package/build/index-DOHQmuhD.js.map +0 -1
  560. package/src/fonts/styles/_index.scss +0 -1
  561. package/src/fonts/styles/webfonts.scss +0 -145
  562. package/src/tailwind/v4/jokul-tailwind.css +0 -266
  563. package/styles/components-beta/nav-link/navlink.min.css +0 -1
  564. package/styles/components-beta/select/_index.scss +0 -3
  565. package/styles/components-beta/select/select.min.css +0 -1
  566. package/styles/core/core.css +0 -1731
  567. package/styles/core/core.min.css +0 -2
  568. package/styles/core/jkl/_colors.scss +0 -26
  569. package/styles/core/jkl/_helpers.scss +0 -26
  570. package/styles/core/jkl/legacy/_index.scss +0 -2
  571. package/styles/core/theme/_index.scss +0 -10
  572. package/styles/core/theme/_old-vars.scss +0 -21
  573. package/styles/core/theme/_shape.scss +0 -12
  574. package/styles/core/theme/_spacing.scss +0 -64
  575. package/styles/core/theme/_typography.scss +0 -38
  576. package/styles/core/utility/_paragraphs.scss +0 -29
  577. package/styles/fonts/_index.scss +0 -1
  578. package/styles/fonts/webfonts.css +0 -115
  579. package/styles/fonts/webfonts.min.css +0 -1
  580. package/styles/fonts/webfonts.scss +0 -145
  581. package/styles/styles.min.css +0 -3
  582. /package/build/cjs/{components-beta → components/beta}/description-list/DescriptionList.d.cts +0 -0
  583. /package/build/cjs/{components-beta → components/beta}/description-list/DescriptionListItem.d.cts +0 -0
  584. /package/build/cjs/{components-beta → components/beta}/description-list/index.cjs +0 -0
  585. /package/build/cjs/{components-beta → components/beta}/description-list/index.cjs.map +0 -0
  586. /package/build/cjs/{components-beta → components/beta}/description-list/types.cjs +0 -0
  587. /package/build/cjs/{components-beta → components/beta}/description-list/types.cjs.map +0 -0
  588. /package/build/cjs/{components-beta → components/beta}/description-list/types.d.cts +0 -0
  589. /package/build/cjs/{components-beta → components/beta}/nav-link/NavLink.d.cts +0 -0
  590. /package/build/cjs/{components-beta → components/beta}/nav-link/index.cjs +0 -0
  591. /package/build/cjs/{components-beta → components/beta}/nav-link/index.cjs.map +0 -0
  592. /package/build/cjs/{components-beta → components/beta}/nav-link/types.cjs +0 -0
  593. /package/build/cjs/{components-beta → components/beta}/nav-link/types.cjs.map +0 -0
  594. /package/build/cjs/{components-beta → components/beta}/select/Select.d.cts +0 -0
  595. /package/build/cjs/{components-beta → components/beta}/select/index.cjs +0 -0
  596. /package/build/cjs/{components-beta → components/beta}/select/index.cjs.map +0 -0
  597. /package/build/cjs/{components-beta → components/beta}/select/types.cjs +0 -0
  598. /package/build/cjs/{components-beta → components/beta}/select/types.cjs.map +0 -0
  599. /package/build/cjs/{core → utilities}/types.cjs +0 -0
  600. /package/build/cjs/{core → utilities}/types.cjs.map +0 -0
  601. /package/build/es/{components-beta → components/beta}/description-list/DescriptionList.d.ts +0 -0
  602. /package/build/es/{components-beta → components/beta}/description-list/DescriptionListItem.d.ts +0 -0
  603. /package/build/es/{components-beta → components/beta}/description-list/index.js +0 -0
  604. /package/build/es/{components-beta → components/beta}/description-list/index.js.map +0 -0
  605. /package/build/es/{components-beta → components/beta}/description-list/types.d.ts +0 -0
  606. /package/build/es/{components-beta → components/beta}/description-list/types.js +0 -0
  607. /package/build/es/{components-beta → components/beta}/description-list/types.js.map +0 -0
  608. /package/build/es/{components-beta → components/beta}/nav-link/NavLink.d.ts +0 -0
  609. /package/build/es/{components-beta → components/beta}/nav-link/index.js +0 -0
  610. /package/build/es/{components-beta → components/beta}/nav-link/index.js.map +0 -0
  611. /package/build/es/{components-beta → components/beta}/nav-link/types.js +0 -0
  612. /package/build/es/{components-beta → components/beta}/nav-link/types.js.map +0 -0
  613. /package/build/es/{components-beta → components/beta}/select/Select.d.ts +0 -0
  614. /package/build/es/{components-beta → components/beta}/select/index.js +0 -0
  615. /package/build/es/{components-beta → components/beta}/select/index.js.map +0 -0
  616. /package/build/es/{components-beta → components/beta}/select/types.js +0 -0
  617. /package/build/es/{components-beta → components/beta}/select/types.js.map +0 -0
  618. /package/build/es/{core → utilities}/types.js +0 -0
  619. /package/build/es/{core → utilities}/types.js.map +0 -0
  620. /package/styles/{core/_layers.scss → _layers.scss} +0 -0
  621. /package/styles/{core/core.scss → base.scss} +0 -0
  622. /package/styles/{components-beta → components/beta}/description-list/_index.scss +0 -0
  623. /package/styles/{components-beta → components/beta}/nav-link/_index.scss +0 -0
  624. /package/styles/{core/global → global}/_index.scss +0 -0
  625. /package/styles/{core/jkl → jkl}/_convert.scss +0 -0
  626. /package/styles/{core/jkl → jkl}/_navigation.scss +0 -0
  627. /package/styles/{core/jkl → jkl}/_responsive-units.scss +0 -0
  628. /package/styles/{core/jkl → jkl}/_screenreader.scss +0 -0
  629. /package/styles/{core/jkl → jkl}/_screens.scss +0 -0
  630. /package/styles/{core/jkl → jkl}/_shadows.scss +0 -0
  631. /package/styles/{core/jkl → jkl}/_underline.scss +0 -0
  632. /package/styles/{core/jkl → jkl}/_z-index.scss +0 -0
  633. /package/styles/{core/resets → resets}/_index.scss +0 -0
  634. /package/styles/{core/resets → resets}/_normalize.scss +0 -0
  635. /package/styles/{core/resets → resets}/_reset.scss +0 -0
  636. /package/styles/{core/utility → utility}/_index.scss +0 -0
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.PREFIX="jkl",exports.designTokensConfig={source:["src/core/tokens/!(legacy)/*.json"],platforms:{scss:{transformGroup:"scss",buildPath:"./src/core/jkl/",files:[{destination:"_tokens.scss",format:"scss/theme-variables",filter:s=>"spacing"===s.type||["border","text","background"].includes("string"==typeof s.attributes?.type?s.attributes.type:"")}]},css:{transformGroup:"css",buildPath:"./src/core/styles/theme/",files:[{destination:"_tokens.scss",format:"css/theme-variables",filter:s=>"spacing"===s.type},{destination:"_color-tokens.scss",format:"css/dynamic-color-variables",filter:"isColor"},{destination:"_spacing-tokens.scss",format:"css/theme-variables",filter:"isSpacing"}]}}},exports.legacyDesignTokensConfig={source:["src/core/tokens/legacy/*.json"],platforms:{ts:{transformGroup:"typescript",buildPath:"./src/core/",files:[{destination:"tokens.ts",format:"javascript/esm",filter:s=>!s.filePath.includes("color.legacy")}]},scss:{transformGroup:"scss",buildPath:"./src/core/jkl/legacy/",files:[{destination:"_dynamic-colors.scss",format:"scss/theme-variables",filter:s=>s.path.some(s=>["light","dark"].includes(s))},{destination:"_tokens.scss",format:"scss/map-deep",filter:s=>!s.path.some(s=>["light","dark"].includes(s))}]},css:{transformGroup:"css",buildPath:"./src/core/styles/theme/",files:[{destination:"_legacy-tokens.scss",format:"css/theme-variables",filter:s=>!s.filePath.includes("semantic")},{destination:"_legacy-color-tokens.scss",format:"css/dynamic-color-variables",filter:s=>s.filePath.includes("semantic")}]},tailwind:{transformGroup:"css",buildPath:"src/tailwind/",files:[{destination:"colors.ts",format:"tailwindcss/colors",filter:s=>s.path.includes("light")}]}}};
2
- //# sourceMappingURL=config.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"config.cjs","sources":["../../../../../src/core/tokens/style-dictionary/config.ts"],"sourcesContent":["import type { Config, DesignToken } from \"style-dictionary/types\";\n\nexport const PREFIX = \"jkl\";\n\nexport const legacyDesignTokensConfig: Config = {\n source: [\"src/core/tokens/legacy/*.json\"],\n platforms: {\n ts: {\n transformGroup: \"typescript\",\n buildPath: \"./src/core/\",\n files: [\n {\n destination: \"tokens.ts\",\n format: \"javascript/esm\",\n filter: (token: DesignToken) =>\n !token.filePath.includes(\"color.legacy\"),\n },\n ],\n },\n scss: {\n transformGroup: \"scss\",\n buildPath: \"./src/core/jkl/legacy/\",\n files: [\n {\n destination: \"_dynamic-colors.scss\",\n format: \"scss/theme-variables\",\n filter: (token) =>\n token.path.some((word) =>\n [\"light\", \"dark\"].includes(word),\n ),\n },\n {\n destination: \"_tokens.scss\",\n format: \"scss/map-deep\",\n filter: (token) =>\n !token.path.some((word) =>\n [\"light\", \"dark\"].includes(word),\n ),\n },\n ],\n },\n css: {\n transformGroup: \"css\",\n buildPath: \"./src/core/styles/theme/\",\n files: [\n {\n destination: \"_legacy-tokens.scss\",\n format: \"css/theme-variables\",\n filter: (token: DesignToken) =>\n !token.filePath.includes(\"semantic\"),\n },\n {\n destination: \"_legacy-color-tokens.scss\",\n format: \"css/dynamic-color-variables\",\n filter: (token: DesignToken) =>\n token.filePath.includes(\"semantic\"),\n },\n ],\n },\n tailwind: {\n transformGroup: \"css\",\n buildPath: \"src/tailwind/\",\n files: [\n {\n destination: \"colors.ts\",\n format: \"tailwindcss/colors\",\n filter: (token: DesignToken) =>\n token.path.includes(\"light\"),\n },\n ],\n },\n },\n};\n\nexport const designTokensConfig: Config = {\n source: [\"src/core/tokens/!(legacy)/*.json\"],\n platforms: {\n scss: {\n transformGroup: \"scss\",\n buildPath: \"./src/core/jkl/\",\n files: [\n {\n destination: \"_tokens.scss\",\n format: \"scss/theme-variables\",\n filter: (token: DesignToken) =>\n token.type === \"spacing\" ||\n [\"border\", \"text\", \"background\"].includes(\n typeof token.attributes?.type === \"string\"\n ? token.attributes.type\n : \"\",\n ),\n },\n ],\n },\n css: {\n transformGroup: \"css\",\n buildPath: \"./src/core/styles/theme/\",\n files: [\n {\n destination: \"_tokens.scss\",\n format: \"css/theme-variables\",\n filter: (token: DesignToken) => token.type === \"spacing\",\n },\n {\n destination: \"_color-tokens.scss\",\n format: \"css/dynamic-color-variables\",\n filter: \"isColor\",\n },\n {\n destination: \"_spacing-tokens.scss\",\n format: \"css/theme-variables\",\n filter: \"isSpacing\",\n },\n ],\n },\n },\n};\n"],"names":["source","platforms","scss","transformGroup","buildPath","files","destination","format","filter","token","type","includes","attributes","css","ts","filePath","path","some","word","tailwind"],"mappings":"+FAEsB,iCAwEoB,CACtCA,OAAQ,CAAC,oCACTC,UAAW,CACPC,KAAM,CACFC,eAAgB,OAChBC,UAAW,kBACXC,MAAO,CACH,CACIC,YAAa,eACbC,OAAQ,uBACRC,OAASC,GACU,YAAfA,EAAMC,MACN,CAAC,SAAU,OAAQ,cAAcC,SACK,iBAA3BF,EAAMG,YAAYF,KACnBD,EAAMG,WAAWF,KACjB,OAK1BG,IAAK,CACDV,eAAgB,MAChBC,UAAW,2BACXC,MAAO,CACH,CACIC,YAAa,eACbC,OAAQ,sBACRC,OAASC,GAAsC,YAAfA,EAAMC,MAE1C,CACIJ,YAAa,qBACbC,OAAQ,8BACRC,OAAQ,WAEZ,CACIF,YAAa,uBACbC,OAAQ,sBACRC,OAAQ,kDA3GoB,CAC5CR,OAAQ,CAAC,iCACTC,UAAW,CACPa,GAAI,CACAX,eAAgB,aAChBC,UAAW,cACXC,MAAO,CACH,CACIC,YAAa,YACbC,OAAQ,iBACRC,OAASC,IACJA,EAAMM,SAASJ,SAAS,mBAIzCT,KAAM,CACFC,eAAgB,OAChBC,UAAW,yBACXC,MAAO,CACH,CACIC,YAAa,uBACbC,OAAQ,uBACRC,OAASC,GACLA,EAAMO,KAAKC,KAAMC,GACb,CAAC,QAAS,QAAQP,SAASO,KAGvC,CACIZ,YAAa,eACbC,OAAQ,gBACRC,OAASC,IACJA,EAAMO,KAAKC,KAAMC,GACd,CAAC,QAAS,QAAQP,SAASO,OAK/CL,IAAK,CACDV,eAAgB,MAChBC,UAAW,2BACXC,MAAO,CACH,CACIC,YAAa,sBACbC,OAAQ,sBACRC,OAASC,IACJA,EAAMM,SAASJ,SAAS,aAEjC,CACIL,YAAa,4BACbC,OAAQ,8BACRC,OAASC,GACLA,EAAMM,SAASJ,SAAS,eAIxCQ,SAAU,CACNhB,eAAgB,MAChBC,UAAW,gBACXC,MAAO,CACH,CACIC,YAAa,YACbC,OAAQ,qBACRC,OAASC,GACLA,EAAMO,KAAKL,SAAS"}
@@ -1,4 +0,0 @@
1
- import { Config } from 'style-dictionary/types';
2
- export declare const PREFIX = "jkl";
3
- export declare const legacyDesignTokensConfig: Config;
4
- export declare const designTokensConfig: Config;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isColor={name:"isColor",filter:e=>"color"===e.type},exports.isSpacing={name:"isSpacing",filter:e=>"spacing"===e.type};
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/filters/index.ts"],"sourcesContent":["import type { DesignToken, Filter } from \"style-dictionary/types\";\n\nexport const isColor: Filter = {\n name: \"isColor\",\n filter: (token: DesignToken) => token.type === \"color\",\n};\n\nexport const isSpacing: Filter = {\n name: \"isSpacing\",\n filter: (token: DesignToken) => token.type === \"spacing\",\n};\n"],"names":["name","filter","token","type"],"mappings":"gGAE+B,CAC3BA,KAAM,UACNC,OAASC,GAAsC,UAAfA,EAAMC,wBAGT,CAC7BH,KAAM,YACNC,OAASC,GAAsC,YAAfA,EAAMC"}
@@ -1,3 +0,0 @@
1
- import { Filter } from 'style-dictionary/types';
2
- export declare const isColor: Filter;
3
- export declare const isSpacing: Filter;
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("style-dictionary/utils"),n=require("../config.cjs"),i={name:"css/dynamic-color-variables",format:async({dictionary:i,file:a})=>{const t=e=>i.allTokens.filter(n=>n.path.includes(e));return`${await e.fileHeader({file:a})}\n/* stylelint-disable */\n@use "../../jkl";\n\n@layer jokul.theme {\n ${["light","dark"].map(a=>`@include jkl.${a}-mode-variables {\n${e.formattedVariables({dictionary:{...i,allTokens:t(a)},format:"css",formatting:{indentation:" ",prefix:`--${n.PREFIX}-`}})}\n }`).join("\n\n ")}\n}\n`}};module.exports=i;
2
- //# sourceMappingURL=css-dynamic-color-variables.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-dynamic-color-variables.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/css-dynamic-color-variables.ts"],"sourcesContent":["import type { Dictionary, File, Format } from \"style-dictionary/types\";\nimport { fileHeader, formattedVariables } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\n\nconst cssDynamicColorVariablesFormat: Format = {\n name: \"css/dynamic-color-variables\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n const dynamicColorTokens = (scheme: string) =>\n dictionary.allTokens.filter((token) => token.path.includes(scheme));\n\n return `${await fileHeader({ file })}\n/* stylelint-disable */\n@use \"../../jkl\";\n\n@layer jokul.theme {\n ${[\"light\", \"dark\"]\n .map(\n (scheme) => `@include jkl.${scheme}-mode-variables {\n${formattedVariables({\n dictionary: {\n ...dictionary,\n allTokens: dynamicColorTokens(scheme),\n },\n format: \"css\",\n formatting: {\n indentation: \" \",\n prefix: `--${PREFIX}-`,\n },\n})}\n }`,\n )\n .join(\"\\n\\n \")}\n}\n`;\n },\n};\n\nexport default cssDynamicColorVariablesFormat;\n"],"names":["cssDynamicColorVariablesFormat","name","format","async","dictionary","file","dynamicColorTokens","scheme","allTokens","filter","token","path","includes","fileHeader","map","formattedVariables","formatting","indentation","prefix","PREFIX","join"],"mappings":"kFAIMA,EAAyC,CAC3CC,KAAM,8BACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,MAEA,MAAMC,EAAsBC,GACxBH,EAAWI,UAAUC,OAAQC,GAAUA,EAAMC,KAAKC,SAASL,IAE/D,MAAO,SAASM,aAAW,CAAER,KAAAA,gFAK/B,CAAC,QAAS,QACPS,IACIP,GAAW,gBAAgBA,uBACtCQ,qBAAmB,CACjBX,WAAY,IACLA,EACHI,UAAWF,EAAmBC,IAElCL,OAAQ,MACRc,WAAY,CACRC,YAAa,WACbC,OAAQ,KAAKC,EAAAA,uBAKZC,KAAK"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const cssDynamicColorVariablesFormat: Format;
3
- export default cssDynamicColorVariablesFormat;
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("style-dictionary/utils"),i=require("../config.cjs"),t={name:"css/theme-variables",format:async({dictionary:t,file:r})=>`${await e.fileHeader({file:r})}\n@layer jokul.theme {\n :root {\n${e.formattedVariables({dictionary:t,format:"css",formatting:{indentation:" ",prefix:`--${i.PREFIX}-`}})}\n }\n}`};module.exports=t;
2
- //# sourceMappingURL=css-theme-variables.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-theme-variables.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/css-theme-variables.ts"],"sourcesContent":["import { fileHeader, formattedVariables } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\nimport type { Dictionary, File, Format } from \"style-dictionary/types\";\n\nconst cssThemeVariablesFormat: Format = {\n name: \"css/theme-variables\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n return `${await fileHeader({ file })}\n@layer jokul.theme {\n :root {\n${formattedVariables({\n dictionary,\n format: \"css\",\n formatting: {\n indentation: \" \",\n prefix: `--${PREFIX}-`,\n },\n})}\n }\n}`;\n },\n};\n\nexport default cssThemeVariablesFormat;\n"],"names":["cssThemeVariablesFormat","name","format","async","dictionary","file","fileHeader","formattedVariables","formatting","indentation","prefix","PREFIX"],"mappings":"kFAIMA,EAAkC,CACpCC,KAAM,sBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,KAEO,SAASC,aAAW,CAAED,KAAAA,2CAGnCE,qBAAmB,CACjBH,WAAAA,EACAF,OAAQ,MACRM,WAAY,CACRC,YAAa,WACbC,OAAQ,KAAKC,EAAAA"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const cssThemeVariablesFormat: Format;
3
- export default cssThemeVariablesFormat;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./css-dynamic-color-variables.cjs"),e=require("./css-theme-variables.cjs"),r=require("./javascript-esm.cjs"),a=require("./scss-theme-variables.cjs"),o=require("./tailwindcss-colors.cjs");exports.cssDynamicColorVariablesFormat=s,exports.cssThemeVariablesFormat=e,exports.javascriptEsmFormat=r,exports.scssThemeVariablesFormat=a,exports.tailwindCssColorsFormat=o;
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,6 +0,0 @@
1
- import { default as cssDynamicColorVariablesFormat } from './css-dynamic-color-variables.cjs';
2
- import { default as cssThemeVariablesFormat } from './css-theme-variables.cjs';
3
- import { default as javascriptEsmFormat } from './javascript-esm.cjs';
4
- import { default as scssThemeVariablesFormat } from './scss-theme-variables.cjs';
5
- import { default as tailwindCssColorsFormat } from './tailwindcss-colors.cjs';
6
- export { javascriptEsmFormat, cssThemeVariablesFormat, scssThemeVariablesFormat, tailwindCssColorsFormat, cssDynamicColorVariablesFormat, };
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("../../../../../index-Ck94bTpt.cjs"),t=require("style-dictionary/utils"),r=t=>{if(!t||"object"!=typeof t)return t;if("value"in t)return t.value;const i={};for(const[n,s]of Object.entries(t)){i[e.camelCase(n)]=r(s)}return i},i={name:"javascript/esm",format:async({dictionary:e,file:i})=>`${await t.fileHeader({file:i})}export default ${JSON.stringify(r(e.tokens))};\n`};module.exports=i;
2
- //# sourceMappingURL=javascript-esm.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"javascript-esm.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/javascript-esm.ts"],"sourcesContent":["import { camelCase } from \"change-case\";\nimport type {\n DesignToken,\n Dictionary,\n File,\n Format,\n} from \"style-dictionary/types\";\nimport { fileHeader } from \"style-dictionary/utils\";\n\nconst formatKeysToCamelCase = (token: DesignToken) => {\n if (!token || typeof token !== \"object\") {\n return token;\n }\n\n if (\"value\" in token) {\n return token.value;\n }\n\n const camelCasedObject: Record<string, unknown> = {};\n for (const [key, value] of Object.entries(token)) {\n const camelCasedKey = camelCase(key);\n camelCasedObject[camelCasedKey] = formatKeysToCamelCase(value);\n }\n\n return camelCasedObject;\n};\n\nconst javascriptEsmFormat: Format = {\n name: \"javascript/esm\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n return `${await fileHeader({ file })}export default ${JSON.stringify(formatKeysToCamelCase(dictionary.tokens))};\\n`;\n },\n};\n\nexport default javascriptEsmFormat;\n"],"names":["formatKeysToCamelCase","token","value","camelCasedObject","key","Object","entries","camelCase","javascriptEsmFormat","name","format","async","dictionary","file","fileHeader","JSON","stringify","tokens"],"mappings":"sGASMA,EAAyBC,IAC3B,IAAKA,GAA0B,iBAAVA,EACjB,OAAOA,EAGX,GAAI,UAAWA,EACX,OAAOA,EAAMC,MAGjB,MAAMC,EAA4C,CAAA,EAClD,IAAA,MAAYC,EAAKF,KAAUG,OAAOC,QAAQL,GAAQ,CAE9CE,EADsBI,EAAAA,UAAUH,IACEJ,EAAsBE,EAC5D,CAEA,OAAOC,GAGLK,EAA8B,CAChCC,KAAM,iBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,KAEO,SAASC,EAAAA,WAAW,CAAED,KAAAA,qBAAyBE,KAAKC,UAAUhB,EAAsBY,EAAWK"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const javascriptEsmFormat: Format;
3
- export default javascriptEsmFormat;
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("style-dictionary/enums"),a=require("style-dictionary/utils"),r=require("../config.cjs"),t={name:"scss/theme-variables",format:async({dictionary:t,file:i})=>{const s=await a.fileHeader({file:i,commentStyle:e.commentStyles.short}),l=t.allTokens.filter(e=>!e.path.some(e=>["light","dark"].includes(e))),n=t.allTokens.filter(e=>e.path.includes("light")).map(e=>({...e,value:`var(--${r.PREFIX}-${e.name})`}));return`${s}\n${a.formattedVariables({format:"sass",dictionary:{...t,allTokens:l}})}\n\n// Dynamiske variabler for farge, via referanse til CSS-variabler\n${a.formattedVariables({format:"sass",dictionary:{...t,allTokens:n}})}`}};module.exports=t;
2
- //# sourceMappingURL=scss-theme-variables.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scss-theme-variables.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/scss-theme-variables.ts"],"sourcesContent":["import { commentStyles } from \"style-dictionary/enums\";\nimport type { Dictionary, File, Format } from \"style-dictionary/types\";\nimport { fileHeader, formattedVariables } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\n\nconst scssThemeVariablesFormat: Format = {\n name: \"scss/theme-variables\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n const header = await fileHeader({\n file,\n commentStyle: commentStyles.short,\n });\n const staticColorTokens = dictionary.allTokens.filter(\n (token) =>\n !token.path.some((word) => [\"light\", \"dark\"].includes(word)),\n );\n\n // Bruker 'light' som kilde for å unngå duplikater\n const uniqueColorTokens = dictionary.allTokens.filter((token) =>\n token.path.includes(\"light\"),\n );\n\n const dynamicColorTokens = uniqueColorTokens.map((token) => {\n return {\n ...token,\n value: `var(--${PREFIX}-${token.name})`,\n };\n });\n\n const staticColorVariables = formattedVariables({\n format: \"sass\",\n dictionary: { ...dictionary, allTokens: staticColorTokens },\n });\n\n const dynamicColorVariables = formattedVariables({\n format: \"sass\",\n dictionary: { ...dictionary, allTokens: dynamicColorTokens },\n });\n\n return `${header}\n${staticColorVariables}\n\n// Dynamiske variabler for farge, via referanse til CSS-variabler\n${dynamicColorVariables}`;\n },\n};\n\nexport default scssThemeVariablesFormat;\n"],"names":["scssThemeVariablesFormat","name","format","async","dictionary","file","header","fileHeader","commentStyle","commentStyles","short","staticColorTokens","allTokens","filter","token","path","some","word","includes","dynamicColorTokens","map","value","PREFIX","formattedVariables"],"mappings":"sHAKMA,EAAmC,CACrCC,KAAM,uBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,MAEA,MAAMC,QAAeC,aAAW,CAC5BF,KAAAA,EACAG,aAAcC,EAAAA,cAAcC,QAE1BC,EAAoBP,EAAWQ,UAAUC,OAC1CC,IACIA,EAAMC,KAAKC,KAAMC,GAAS,CAAC,QAAS,QAAQC,SAASD,KAQxDE,EAJoBf,EAAWQ,UAAUC,OAAQC,GACnDA,EAAMC,KAAKG,SAAS,UAGqBE,IAAKN,IAAAA,IAEvCA,EACHO,MAAO,SAASC,EAAAA,UAAUR,EAAMb,WAcxC,MAAO,GAAGK,MAVmBiB,EAAAA,mBAAmB,CAC5CrB,OAAQ,OACRE,WAAY,IAAKA,EAAYQ,UAAWD,8EAGdY,EAAAA,mBAAmB,CAC7CrB,OAAQ,OACRE,WAAY,IAAKA,EAAYQ,UAAWO"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const scssThemeVariablesFormat: Format;
3
- export default scssThemeVariablesFormat;
@@ -1,2 +0,0 @@
1
- "use strict";const e=require("style-dictionary/utils"),n=require("../config.cjs"),i={name:"tailwindcss/colors",format:async({dictionary:i,file:o})=>{let t=await e.fileHeader({file:o});return t+=`const colors = {\n${i.allTokens.map(e=>{const i=e.name.split("-").slice(1).join("-"),o=e.name.split("-").join("-");return` "${i}": "var(--${n.PREFIX}-${o})",`}).join("\n")}\n};\n\n`,t+="export default colors;\n",t}};module.exports=i;
2
- //# sourceMappingURL=tailwindcss-colors.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwindcss-colors.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/formats/tailwindcss-colors.ts"],"sourcesContent":["import { fileHeader } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\nimport type { Dictionary, File, Format } from \"style-dictionary/types\";\n\nconst tailwindCssColorsFormat: Format = {\n name: \"tailwindcss/colors\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n let output = await fileHeader({ file });\n\n const tailwindColors = dictionary.allTokens\n .map((token) => {\n const tailwindColorName = token.name\n .split(\"-\")\n .slice(1)\n .join(\"-\");\n const cssVariableName = token.name.split(\"-\").join(\"-\");\n\n return ` \"${tailwindColorName}\": \"var(--${PREFIX}-${cssVariableName})\",`;\n })\n .join(\"\\n\");\n\n output += `const colors = {\\n${tailwindColors}\\n};\\n\\n`;\n output += \"export default colors;\\n\";\n\n return output;\n },\n};\n\nexport default tailwindCssColorsFormat;\n"],"names":["tailwindCssColorsFormat","name","format","async","dictionary","file","output","fileHeader","allTokens","map","token","tailwindColorName","split","slice","join","cssVariableName","PREFIX"],"mappings":"kFAIMA,EAAkC,CACpCC,KAAM,qBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,MAEA,IAAIC,QAAeC,aAAW,CAAEF,KAAAA,IAchC,OAAAC,GAAU,qBAZaF,EAAWI,UAC7BC,IAAKC,IACF,MAAMC,EAAoBD,EAAMT,KAC3BW,MAAM,KACNC,MAAM,GACNC,KAAK,KACJC,EAAkBL,EAAMT,KAAKW,MAAM,KAAKE,KAAK,KAEnD,MAAO,QAAQH,cAA8BK,EAAAA,UAAUD,SAE1DD,KAAK,gBAGVR,GAAU,2BAEHA"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const tailwindCssColorsFormat: Format;
3
- export default tailwindCssColorsFormat;
@@ -1,2 +0,0 @@
1
- "use strict";const r=require("style-dictionary"),s=require("./formats/css-dynamic-color-variables.cjs"),e=require("./formats/css-theme-variables.cjs"),t=require("./formats/javascript-esm.cjs"),i=require("./formats/scss-theme-variables.cjs"),a=require("./formats/tailwindcss-colors.cjs"),o=require("./transforms/strip-light-dark.cjs"),m=require("./filters/index.cjs");r.registerFormat(t),r.registerFormat(e),r.registerFormat(i),r.registerFormat(a),r.registerFormat(s),r.registerTransform(o),r.registerFilter(m.isColor),r.registerFilter(m.isSpacing),r.registerTransformGroup({name:"typescript",transforms:["name/camel"]}),r.registerTransformGroup({name:"css",transforms:[...r.hooks.transformGroups.css,"strip/light-dark"]}),r.registerTransformGroup({name:"scss",transforms:[...r.hooks.transformGroups.scss,"strip/light-dark"]});
2
- //# sourceMappingURL=register.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"register.cjs","sources":["../../../../../src/core/tokens/style-dictionary/register.ts"],"sourcesContent":["import StyleDictionary from \"style-dictionary\";\n\nimport {\n javascriptEsmFormat,\n cssThemeVariablesFormat,\n scssThemeVariablesFormat,\n tailwindCssColorsFormat,\n cssDynamicColorVariablesFormat,\n} from \"./formats/index.js\";\n\nimport { stripLightDarkTransform } from \"./transforms/index.js\";\n\nimport { isColor, isSpacing } from \"./filters/index.js\";\n\n// Formats\nStyleDictionary.registerFormat(javascriptEsmFormat);\nStyleDictionary.registerFormat(cssThemeVariablesFormat);\nStyleDictionary.registerFormat(scssThemeVariablesFormat);\nStyleDictionary.registerFormat(tailwindCssColorsFormat);\nStyleDictionary.registerFormat(cssDynamicColorVariablesFormat);\n\n// Transforms\nStyleDictionary.registerTransform(stripLightDarkTransform);\n\n// Filters\nStyleDictionary.registerFilter(isColor);\nStyleDictionary.registerFilter(isSpacing);\n\nStyleDictionary.registerTransformGroup({\n name: \"typescript\",\n transforms: [\"name/camel\"],\n});\n\nStyleDictionary.registerTransformGroup({\n name: \"css\",\n transforms: [\n ...StyleDictionary.hooks.transformGroups.css,\n \"strip/light-dark\",\n ],\n});\n\nStyleDictionary.registerTransformGroup({\n name: \"scss\",\n transforms: [\n ...StyleDictionary.hooks.transformGroups.scss,\n \"strip/light-dark\",\n ],\n});\n"],"names":["StyleDictionary","registerFormat","javascriptEsmFormat","cssThemeVariablesFormat","scssThemeVariablesFormat","tailwindCssColorsFormat","cssDynamicColorVariablesFormat","registerTransform","stripLightDarkTransform","registerFilter","isColor","isSpacing","registerTransformGroup","name","transforms","hooks","transformGroups","css","scss"],"mappings":"+WAeAA,EAAgBC,eAAeC,GAC/BF,EAAgBC,eAAeE,GAC/BH,EAAgBC,eAAeG,GAC/BJ,EAAgBC,eAAeI,GAC/BL,EAAgBC,eAAeK,GAG/BN,EAAgBO,kBAAkBC,GAGlCR,EAAgBS,eAAeC,EAAAA,SAC/BV,EAAgBS,eAAeE,EAAAA,WAE/BX,EAAgBY,uBAAuB,CACnCC,KAAM,aACNC,WAAY,CAAC,gBAGjBd,EAAgBY,uBAAuB,CACnCC,KAAM,MACNC,WAAY,IACLd,EAAgBe,MAAMC,gBAAgBC,IACzC,sBAIRjB,EAAgBY,uBAAuB,CACnCC,KAAM,OACNC,WAAY,IACLd,EAAgBe,MAAMC,gBAAgBE,KACzC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./strip-light-dark.cjs");exports.stripLightDarkTransform=r;
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import { default as stripLightDarkTransform } from './strip-light-dark.cjs';
2
- export { stripLightDarkTransform };
@@ -1,2 +0,0 @@
1
- "use strict";const t={name:"strip/light-dark",type:"name",filter:t=>t.path.includes("light")||t.path.includes("dark"),transform:t=>((t,e)=>t.path.filter(t=>!e.includes(t)))(t,["light","dark"]).join("-")};module.exports=t;
2
- //# sourceMappingURL=strip-light-dark.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"strip-light-dark.cjs","sources":["../../../../../../src/core/tokens/style-dictionary/transforms/strip-light-dark.ts"],"sourcesContent":["import type {\n TransformedToken,\n Transform,\n DesignToken,\n} from \"style-dictionary/types\";\n\nconst excludeFromTokenPath = (token: TransformedToken, exclude: string[]) =>\n token.path.filter((step) => !exclude.includes(step));\n\nconst stripLightDarkTransform: Transform = {\n name: \"strip/light-dark\",\n type: \"name\",\n filter: (token: DesignToken) =>\n token.path.includes(\"light\") || token.path.includes(\"dark\"),\n transform: (token: TransformedToken) => {\n const tokenPath = excludeFromTokenPath(token, [\"light\", \"dark\"]);\n return tokenPath.join(\"-\");\n },\n};\n\nexport default stripLightDarkTransform;\n"],"names":["stripLightDarkTransform","name","type","filter","token","path","includes","transform","exclude","step","excludeFromTokenPath","join"],"mappings":"aAMA,MAGMA,EAAqC,CACvCC,KAAM,mBACNC,KAAM,OACNC,OAASC,GACLA,EAAMC,KAAKC,SAAS,UAAYF,EAAMC,KAAKC,SAAS,QACxDC,UAAYH,GARa,EAACA,EAAyBI,IACnDJ,EAAMC,KAAKF,OAAQM,IAAUD,EAAQF,SAASG,IAQxBC,CAAqBN,EAAO,CAAC,QAAS,SACvCO,KAAK"}
@@ -1,3 +0,0 @@
1
- import { Transform } from 'style-dictionary/types';
2
- declare const stripLightDarkTransform: Transform;
3
- export default stripLightDarkTransform;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/tokens.cjs"),s=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),r=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),i=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),t=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),o=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),u=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),a=require("./hooks/useLocalStorage/useLocalStorage.cjs"),m=require("./hooks/useMutationObserver/useMutationObserver.cjs"),n=require("./hooks/usePreviousValue/usePreviousValue.cjs"),l=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),d=require("./hooks/useScreen/useScreen.cjs"),c=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),g=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),p=require("./hooks/useClickOutside/useClickOutside.cjs"),h=require("./hooks/useFocusOutside/useFocusOutside.cjs"),x=require("./hooks/useElementDimensions/useElementDimensions.cjs"),f=require("./hooks/useId/useId.cjs"),j=require("./hooks/useKeyListener/useKeyListener.cjs"),q=require("./hooks/useListNavigation/useListNavigation.cjs"),E=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),V=require("../index-CaISwoxr.cjs"),v=require("./utilities/formatters/util/formatNumber.cjs"),M=require("./utilities/formatters/util/parseNumber.cjs"),k=require("./utilities/formatters/util/registerWithMask.cjs"),O=require("./utilities/formatters/avstand/formatAvstand.cjs"),R=require("./utilities/formatters/bytes/formatBytes.cjs"),N=require("./utilities/formatters/date/formatDate.cjs"),S=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),A=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),I=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),L=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),T=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),b=require("./utilities/formatters/valuta/formatValuta.cjs"),P=require("./utilities/getThemeAndSize.cjs"),K=require("./utilities/mergeRefs.cjs"),D=require("./utilities/polymorphism/mergeProps.cjs"),F=require("./utilities/polymorphism/SlotComponent.cjs"),G=require("./utilities/tabListener.cjs"),w=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),C=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),W=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),y=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),H=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),B=require("./utilities/validators/isExactLength/isExactLength.cjs"),U=require("./utilities/validators/isInteger/isInteger.cjs"),X=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),_=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),z=require("./utilities/validators/isValidName/isValidName.cjs"),J=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Q=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),Y=require("./utilities/valuePair.cjs");exports.tokens=e,exports.useAnimatedDetails=s.useAnimatedDetails,exports.useAnimatedHeight=r.useAnimatedHeight,exports.useAnimatedHeightBetween=i.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=t.useAutoAnimatedHeight,exports.useBrowserPreferences=o.useBrowserPreferences,exports.useIntersectionObserver=u.useIntersectionObserver,exports.useLocalStorage=a.useLocalStorage,exports.useMutationObserver=m.useMutationObserver,exports.usePreviousValue=n.usePreviousValue,exports.useProgressiveImg=l.useProgressiveImg,exports.useScreen=d.useScreen,exports.useScrollIntoView=c.useScrollIntoView,exports.useAriaLiveRegion=g.useAriaLiveRegion,exports.useClickOutside=p.useClickOutside,exports.useFocusOutside=h.useFocusOutside,exports.useElementDimensions=x.useElementDimensions,exports.useId=f.useId,exports.useKeyListener=j.useKeyListener,exports.useListNavigation=q.useListNavigation,exports.useSwipeGesture=E.useSwipeGesture,exports.unicode=V.unicode,exports.formatNumber=v.formatNumber,exports.parseNumber=M.parseNumber,exports.registerWithFodselsnummerMask=k.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=k.registerWithKontonummerMask,exports.registerWithKortnummerMask=k.registerWithKortnummerMask,exports.registerWithMasks=k.registerWithMasks,exports.registerWithTelefonnummerMask=k.registerWithTelefonnummerMask,exports.formatAvstand=O.formatAvstand,exports.formatBytes=R.formatBytes,exports.formatDate=N.formatDate,exports.FODSELSNUMMER_REGEX=S.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=S.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=A.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=A.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=I.KONTONUMMER_REGEX,exports.formatKontonummer=I.formatKontonummer,exports.KORTNUMMER_REGEX=L.KORTNUMMER_REGEX,exports.formatKortnummer=L.formatKortnummer,exports.TELEFONNUMMER_REGEX=T.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=T.formatTelefonnummer,exports.formatValuta=b.formatValuta,exports.getThemeAndSize=P.getThemeAndSize,exports.mergeRefs=K.mergeRefs,exports.useMergeRefs=K.useMergeRefs,exports.mergeProps=D.mergeProps,exports.SlotComponent=F.SlotComponent,exports.initTabListener=G.initTabListener,exports.isValidEpost=w.isValidEpost,exports.isValidTelefonnummer=C.isValidTelefonnummer,exports.isValidRegistreringsnummer=W.isValidRegistreringsnummer,exports.isValidChassisnummer=y.isValidChassisnummer,exports.isValidDogId=H.isValidDogId,exports.isExactLength=B.isExactLength,exports.isInteger=U.isInteger,exports.isValidFodselsnummer=X.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=_.isValidOrganisasjonsnummer,exports.isValidName=z.isValidName,exports.hasMinimumWords=J.hasMinimumWords,exports.hasNoIllegalCharacters=Q.hasNoIllegalCharacters,exports.getValuePair=Y.getValuePair;
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- export * from './core/index.cjs';
2
- export * from './hooks/index.cjs';
3
- export * from './utilities/index.cjs';
@@ -1,2 +0,0 @@
1
- import{jsx as t}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import"react";import{DescriptionListItem as a}from"./DescriptionListItem.js";const i=({className:a,alignment:i="horizontal",showSeparators:r=!1,children:e,...o})=>t("dl",{...o,className:s("jkl-description-list--beta",a),"data-alignment":i,"data-separators":r,children:e});i.Item=a;export{i as DescriptionList};
2
- //# sourceMappingURL=DescriptionList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DescriptionList.js","sources":["../../../../src/components-beta/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { DescriptionListItem } from \"./DescriptionListItem.js\";\nimport type { DescriptionListProps } from \"./types.js\";\n\n/**\n * @deprecated Bruk heller den stabile komponenten. All funksjonalitet fra Beta-komponenten er tilgjengelige der.\n */\nexport const DescriptionList = ({\n className,\n alignment = \"horizontal\",\n showSeparators = false,\n children,\n ...rest\n}: DescriptionListProps): React.JSX.Element => {\n return (\n <dl\n {...rest}\n className={clsx(\"jkl-description-list--beta\", className)}\n data-alignment={alignment}\n data-separators={showSeparators}\n >\n {children}\n </dl>\n );\n};\n\nDescriptionList.Item = DescriptionListItem;\n"],"names":["DescriptionList","className","alignment","showSeparators","children","rest","jsx","clsx","Item","DescriptionListItem"],"mappings":"mKAQO,MAAMA,EAAkB,EAC3BC,UAAAA,EACAC,UAAAA,EAAY,aACZC,eAAAA,GAAiB,EACjBC,SAAAA,KACGC,KAGCC,EAAC,KAAA,IACOD,EACJJ,UAAWM,EAAK,6BAA8BN,GAC9C,iBAAgBC,EAChB,kBAAiBC,EAEhBC,SAAAA,IAKbJ,EAAgBQ,KAAOC"}
@@ -1,2 +0,0 @@
1
- import{jsxs as s,jsx as t}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import"react";const a=({title:a,value:i,supportText:r,className:c,...l})=>s("div",{...l,className:e("jkl-description-list-item--beta",c),children:[t("dt",{className:"title",children:a}),t("dd",{className:"value",children:i}),r&&t("dd",{className:"support-text",children:r})]});export{a as DescriptionListItem};
2
- //# sourceMappingURL=DescriptionListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DescriptionListItem.js","sources":["../../../../src/components-beta/description-list/DescriptionListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { DescriptionListItemProps } from \"./types.js\";\n\n/**\n * @deprecated Bruk heller den stabile komponenten for DescriptionList sammen med Terms og Details. All funksjonalitet fra Beta-komponenten er tilgjengelige der.\n */\nexport const DescriptionListItem: FC<DescriptionListItemProps> = ({\n title,\n value,\n supportText,\n className,\n ...rest\n}) => {\n return (\n <div\n {...rest}\n className={clsx(\"jkl-description-list-item--beta\", className)}\n >\n <dt className=\"title\">{title}</dt>\n <dd className=\"value\">{value}</dd>\n {supportText && <dd className=\"support-text\">{supportText}</dd>}\n </div>\n );\n};\n"],"names":["DescriptionListItem","title","value","supportText","className","rest","jsxs","clsx","children","jsx"],"mappings":"8GAOO,MAAMA,EAAoD,EAC7DC,MAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAC,MAAA,IACOD,EACJD,UAAWG,EAAK,kCAAmCH,GAEnDI,SAAA,CAAAC,EAAC,KAAA,CAAGL,UAAU,QAASI,SAAAP,IACvBQ,EAAC,KAAA,CAAGL,UAAU,QAASI,SAAAN,IACtBC,GAAeM,EAAC,KAAA,CAAGL,UAAU,eAAgBI,SAAAL"}
@@ -1,2 +0,0 @@
1
- import{jsxs as e,jsx as i}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import a,{useId as r}from"react";const t=a.forwardRef(function(a,t){const{title:c,description:l,className:n,children:d,as:o="a",...m}=a,p=o,f=r();return e(p,{...m,ref:t,"aria-labelledby":`${f}-title`,"aria-describedby":`${f}-description`,className:s("jkl-navlink--beta",n),children:[i("p",{className:"title",id:`${f}-title`,children:c}),l&&i("p",{className:"description",id:`${f}-description`,children:l})]})});export{t as NavLink};
2
- //# sourceMappingURL=NavLink.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavLink.js","sources":["../../../../src/components-beta/nav-link/NavLink.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useId } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/index.js\";\nimport type { NavLinkProps } from \"./types.js\";\n\ntype NavLinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: NavLinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const NavLink = React.forwardRef(function NavLink<\n ElementType extends React.ElementType = \"a\",\n>(props: NavLinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n title,\n description,\n className,\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n const id = useId();\n\n return (\n <Component\n {...rest}\n ref={ref}\n aria-labelledby={`${id}-title`}\n aria-describedby={`${id}-description`}\n className={clsx(\"jkl-navlink--beta\", className)}\n >\n <p className=\"title\" id={`${id}-title`}>\n {title}\n </p>\n {description && (\n <p className=\"description\" id={`${id}-description`}>\n {description}\n </p>\n )}\n </Component>\n );\n}) as NavLinkComponent;\n"],"names":["NavLink","React","forwardRef","props","ref","title","description","className","children","as","rest","Component","id","useId","jsxs","clsx","jsx"],"mappings":"iIASO,MAAMA,EAAUC,EAAMC,WAAW,SAEtCC,EAAkCC,GAChC,MACIC,MAAAA,EACAC,YAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EACEQ,EAAYF,EACZG,EAAKC,IAEX,OACIC,EAACH,EAAA,IACOD,EACJN,IAAAA,EACA,kBAAiB,GAAGQ,UACpB,mBAAkB,GAAGA,gBACrBL,UAAWQ,EAAK,oBAAqBR,GAErCC,SAAA,CAAAQ,EAAC,KAAET,UAAU,QAAQK,GAAI,GAAGA,UACvBJ,SAAAH,IAEJC,KACI,IAAA,CAAEC,UAAU,cAAcK,GAAI,GAAGA,gBAC7BJ,SAAAF,MAKrB"}
@@ -1 +0,0 @@
1
- export { NavLink as BETA_NavLink } from './NavLink.js';
@@ -1,2 +0,0 @@
1
- import{jsx as o,jsxs as n}from"react/jsx-runtime";import{c}from"../../../clsx-BeLtu-UY.js";import{forwardRef as s}from"react";import"../../components/icon/Icon.js";import"../../components/icon/icons/animated/ArrowVerticalAnimated.js";import"../../components/icon/icons/animated/ArrowHorizontalAnimated.js";import"../../components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as i}from"../../components/icon/icons/ArrowDownIcon.js";import"../../components/icon/icons/ArrowLeftIcon.js";import"../../components/icon/icons/ArrowNorthEastIcon.js";import"../../components/icon/icons/ArrowRightIcon.js";import"../../components/icon/icons/ArrowUpIcon.js";import"../../components/icon/icons/CalendarIcon.js";import"../../components/icon/icons/CheckIcon.js";import"../../components/icon/icons/ChevronDownIcon.js";import"../../components/icon/icons/ChevronLeftIcon.js";import"../../components/icon/icons/ChevronRightIcon.js";import"../../components/icon/icons/ChevronUpIcon.js";import"../../components/icon/icons/CloseIcon.js";import"../../components/icon/icons/CopyIcon.js";import"../../components/icon/icons/DotsIcon.js";import"../../components/icon/icons/DragIcon.js";import"../../components/icon/icons/ErrorIcon.js";import"../../components/icon/icons/GreenCheckIcon.js";import"../../components/icon/icons/HamburgerIcon.js";import"../../components/icon/icons/InfoIcon.js";import"../../components/icon/icons/LinkIcon.js";import"../../components/icon/icons/MinusIcon.js";import"../../components/icon/icons/OpenInNewIcon.js";import"../../components/icon/icons/PenIcon.js";import"../../components/icon/icons/PlusIcon.js";import"../../components/icon/icons/QuestionIcon.js";import"../../components/icon/icons/RedCrossIcon.js";import"../../components/icon/icons/SearchIcon.js";import"../../components/icon/icons/SuccessIcon.js";import"../../components/icon/icons/ThumbDownIcon.js";import"../../components/icon/icons/ThumbUpIcon.js";import"../../components/icon/icons/TrashCanIcon.js";import"../../components/icon/icons/WarningIcon.js";import{InputGroup as e}from"../../components/input-group/InputGroup.js";const t=s((s,t)=>{const{label:r,className:p,errorLabel:m,helpLabel:a,labelProps:l,placeholder:j="Velg",supportLabelProps:I,tooltip:d,value:u,description:h,...b}=s;return o(e,{label:r,errorLabel:m,helpLabel:a,labelProps:l,supportLabelProps:I,tooltip:d,description:h,"data-testid":"jkl-select--beta",className:c("jkl-select--beta",p),render:c=>n("div",{className:"jkl-select--beta-wrapper",children:[n("select",{ref:t,defaultValue:u?void 0:"",value:u,...c,...b,children:[j&&o("option",{disabled:!0,selected:!0,value:"",children:j}),s.children]}),o(i,{})]})})});export{t as Select};
2
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sources":["../../../../src/components-beta/select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { ArrowDownIcon } from \"../../components/icon/index.js\";\nimport { InputGroup } from \"../../components/input-group/InputGroup.js\";\nimport type { SelectProps } from \"./types.js\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n (props, ref) => {\n const {\n label,\n className,\n errorLabel,\n helpLabel,\n labelProps,\n placeholder = \"Velg\",\n supportLabelProps,\n tooltip,\n value,\n description,\n ...rest\n } = props;\n\n const inputGroupProps = {\n label,\n errorLabel,\n helpLabel,\n labelProps,\n supportLabelProps,\n tooltip,\n description,\n };\n\n return (\n <InputGroup\n {...inputGroupProps}\n data-testid=\"jkl-select--beta\"\n className={clsx(\"jkl-select--beta\", className)}\n render={(inputProps) => (\n <div className=\"jkl-select--beta-wrapper\">\n <select\n ref={ref}\n defaultValue={value ? undefined : \"\"}\n value={value}\n {...inputProps}\n {...rest}\n >\n {placeholder && (\n <option disabled selected value=\"\">\n {placeholder}\n </option>\n )}\n {props.children}\n </select>\n <ArrowDownIcon />\n </div>\n )}\n />\n );\n },\n);\n"],"names":["Select","forwardRef","props","ref","label","className","errorLabel","helpLabel","labelProps","placeholder","supportLabelProps","tooltip","value","description","rest","jsx","InputGroup","clsx","render","inputProps","jsxs","children","defaultValue","disabled","selected","ArrowDownIcon"],"mappings":"gkEAMO,MAAMA,EAASC,EAClB,CAACC,EAAOC,KACJ,MACIC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHZ,EAYJ,OACIa,EAACC,EAAA,CAVDZ,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAE,kBAAAA,EACAC,QAAAA,EACAE,YAAAA,EAMI,cAAY,mBACZR,UAAWY,EAAK,mBAAoBZ,GACpCa,OAASC,GACLC,EAAC,MAAA,CAAIf,UAAU,2BACXgB,SAAA,CAAAD,EAAC,SAAA,CACGjB,IAAAA,EACAmB,aAAcV,OAAQ,EAAY,GAClCA,MAAAA,KACIO,KACAL,EAEHO,SAAA,CAAAZ,GACGM,EAAC,UAAOQ,UAAQ,EAACC,UAAQ,EAACZ,MAAM,GAC3BS,SAAAZ,IAGRP,EAAMmB,cAEVI,EAAA,CAAA"}
@@ -1,2 +0,0 @@
1
- export { Select as BETA_Select } from './Select.js';
2
- export type { SelectProps } from './types.js';
@@ -1,2 +0,0 @@
1
- export type { ColorScheme, Easing, Timing, DataTestAutoId, WithChildren, WithOptionalChildren, } from './types.js';
2
- export { default as tokens } from './tokens.js';
@@ -1,2 +0,0 @@
1
- import{default as o}from"./tokens.js";export{o as tokens};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export declare const buildTailwind4Theme: () => Promise<void>;
@@ -1,2 +0,0 @@
1
- import{existsSync as n,mkdirSync as i}from"node:fs";import{writeFile as e}from"node:fs/promises";import t from"node:path";import{k as a}from"../../../index-DOHQmuhD.js";const r=async()=>{const{default:r}=await import("../../tailwind/colors.js"),{default:s}=await import("../tokens.js"),o=Object.entries(r).map(([n,i])=>` --color-${n}: ${i};`),d=Object.entries(s.spacing).map(([n,i])=>` --spacing-${a(n)}: ${i};`),m=Object.entries(s.typography.font.weight).map(([n,i])=>` --font-weight-${n}: ${i};`),p=Object.entries(s.breakpoint).map(([n,i])=>` --breakpoint-${a(n)}: ${i};`),$=Object.entries(s.border.radius).map(([n,i])=>` --radius-${n}: ${i};`),c=Object.entries(s.border.width).map(([n,i])=>` --border-width-${n}: ${i};`),l=Object.entries(s.typography.style).map(([n,i])=>[`@utility ${a(n)} {`,...Object.entries(i.small).map(([n,i])=>` ${a(n)}: ${i};`),"",` @media (min-width: ${s.breakpoint.medium}) {`,...Object.entries(i.base).map(([n,i])=>` ${a(n)}: ${i};`)," }","}"].join("\n")),j=`\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/* stylelint-disable */\n\n@theme {\n --*: initial;\n\n${o.join("\n")}\n\n${d.join("\n")}\n\n${m.join("\n")}\n\n${p.join("\n")}\n\n${$.join("\n")}\n${c.join("\n")}\n}\n\n${l.join("\n\n")}\n`;n("src/tailwind/v4")||i("src/tailwind/v4",{recursive:!0}),await e(t.resolve("src/tailwind/v4/jokul-tailwind.css"),j)};export{r as buildTailwind4Theme};
2
- //# sourceMappingURL=build-tailwind-4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"build-tailwind-4.js","sources":["../../../../src/core/tokens/build-tailwind-4.ts"],"sourcesContent":["import { existsSync, mkdirSync } from \"node:fs\";\nimport { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\nimport { kebabCase } from \"change-case\";\n\nexport const buildTailwind4Theme = async () => {\n const { default: colors } = await import(\"../../tailwind/colors.js\");\n const { default: tokens } = await import(\"../tokens.js\");\n\n const colorVariables = Object.entries(colors).map(\n ([name, value]) => ` --color-${name}: ${value};`,\n );\n\n const spacingVariables = Object.entries(tokens.spacing).map(\n ([step, value]) => ` --spacing-${kebabCase(step)}: ${value};`,\n );\n\n const fontWeights = Object.entries(tokens.typography.font.weight).map(\n ([weight, value]) => ` --font-weight-${weight}: ${value};`,\n );\n\n const breakpoints = Object.entries(tokens.breakpoint).map(\n ([step, value]) => ` --breakpoint-${kebabCase(step)}: ${value};`,\n );\n\n const borderRadii = Object.entries(tokens.border.radius).map(\n ([step, value]) => ` --radius-${step}: ${value};`,\n );\n\n const borderWidths = Object.entries(tokens.border.width).map(\n ([step, value]) => ` --border-width-${step}: ${value};`,\n );\n\n const textUtilities = Object.entries(tokens.typography.style).map(\n ([name, value]) =>\n [\n `@utility ${kebabCase(name)} {`,\n ...Object.entries(value.small).map(\n ([property, value]) =>\n ` ${kebabCase(property)}: ${value};`,\n ),\n \"\",\n ` @media (min-width: ${tokens.breakpoint.medium}) {`,\n ...Object.entries(value.base).map(\n ([property, value]) =>\n ` ${kebabCase(property)}: ${value};`,\n ),\n \" }\",\n \"}\",\n ].join(\"\\n\"),\n );\n\n const tailwindTheme = `\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/* stylelint-disable */\n\n@theme {\n --*: initial;\n\n${colorVariables.join(\"\\n\")}\n\n${spacingVariables.join(\"\\n\")}\n\n${fontWeights.join(\"\\n\")}\n\n${breakpoints.join(\"\\n\")}\n\n${borderRadii.join(\"\\n\")}\n${borderWidths.join(\"\\n\")}\n}\n\n${textUtilities.join(\"\\n\\n\")}\n`;\n\n if (!existsSync(\"src/tailwind/v4\")) {\n mkdirSync(\"src/tailwind/v4\", { recursive: true });\n }\n\n await writeFile(\n path.resolve(\"src/tailwind/v4/jokul-tailwind.css\"),\n tailwindTheme,\n );\n};\n"],"names":["buildTailwind4Theme","async","default","colors","import","tokens","colorVariables","Object","entries","map","name","value","spacingVariables","spacing","step","kebabCase","fontWeights","typography","font","weight","breakpoints","breakpoint","borderRadii","border","radius","borderWidths","width","textUtilities","style","small","property","medium","base","join","tailwindTheme","existsSync","mkdirSync","recursive","writeFile","path","resolve"],"mappings":"yKAKO,MAAMA,EAAsBC,UAC/B,MAAQC,QAASC,SAAiBC,OAAO,6BACjCF,QAASG,SAAiBD,OAAO,gBAEnCE,EAAiBC,OAAOC,QAAQL,GAAQM,IAC1C,EAAEC,EAAMC,KAAW,eAAeD,MAASC,MAGzCC,EAAmBL,OAAOC,QAAQH,EAAOQ,SAASJ,IACpD,EAAEK,EAAMH,KAAW,iBAAiBI,EAAUD,OAAUH,MAGtDK,EAAcT,OAAOC,QAAQH,EAAOY,WAAWC,KAAKC,QAAQV,IAC9D,EAAEU,EAAQR,KAAW,qBAAqBQ,MAAWR,MAGnDS,EAAcb,OAAOC,QAAQH,EAAOgB,YAAYZ,IAClD,EAAEK,EAAMH,KAAW,oBAAoBI,EAAUD,OAAUH,MAGzDW,EAAcf,OAAOC,QAAQH,EAAOkB,OAAOC,QAAQf,IACrD,EAAEK,EAAMH,KAAW,gBAAgBG,MAASH,MAG1Cc,EAAelB,OAAOC,QAAQH,EAAOkB,OAAOG,OAAOjB,IACrD,EAAEK,EAAMH,KAAW,sBAAsBG,MAASH,MAGhDgB,EAAgBpB,OAAOC,QAAQH,EAAOY,WAAWW,OAAOnB,IAC1D,EAAEC,EAAMC,KACJ,CACI,YAAYI,EAAUL,UACnBH,OAAOC,QAAQG,EAAMkB,OAAOpB,IAC3B,EAAEqB,EAAUnB,KACR,OAAOI,EAAUe,OAAcnB,MAEvC,GACA,0BAA0BN,EAAOgB,WAAWU,eACzCxB,OAAOC,QAAQG,EAAMqB,MAAMvB,IAC1B,EAAEqB,EAAUnB,KACR,WAAWI,EAAUe,OAAcnB,MAE3C,QACA,KACFsB,KAAK,OAGTC,EAAgB,iIASxB5B,EAAe2B,KAAK,YAEpBrB,EAAiBqB,KAAK,YAEtBjB,EAAYiB,KAAK,YAEjBb,EAAYa,KAAK,YAEjBX,EAAYW,KAAK,UACjBR,EAAaQ,KAAK,eAGlBN,EAAcM,KAAK,YAGZE,EAAW,oBACZC,EAAU,kBAAmB,CAAEC,WAAW,UAGxCC,EACFC,EAAKC,QAAQ,sCACbN"}
File without changes
@@ -1,2 +0,0 @@
1
- import i from"style-dictionary";import{legacyDesignTokensConfig as o,designTokensConfig as n}from"./config.js";import"./register.js";import{buildTailwind4Theme as l}from"../build-tailwind-4.js";!async function(){console.log("Starting design token build...\n"),console.log("⚙️ Building legacy tokens"),await(await new i(o)).buildAllPlatforms(),console.log("⚙️ Building modern tokens"),await(await new i(n)).buildAllPlatforms(),console.log("⚙️ Generating Tailwind v4 theme"),await l(),console.log("\nBuild complete.")}();
2
- //# sourceMappingURL=build.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"build.js","sources":["../../../../../src/core/tokens/style-dictionary/build.ts"],"sourcesContent":["import StyleDictionary from \"style-dictionary\";\nimport { designTokensConfig, legacyDesignTokensConfig } from \"./config.js\";\nimport \"./register.js\";\nimport { buildTailwind4Theme } from \"../build-tailwind-4.js\";\n\nasync function build() {\n console.log(\"Starting design token build...\\n\");\n\n console.log(\"⚙️ Building legacy tokens\");\n const legacySd = await new StyleDictionary(legacyDesignTokensConfig);\n await legacySd.buildAllPlatforms();\n\n console.log(\"⚙️ Building modern tokens\");\n const modernSd = await new StyleDictionary(designTokensConfig);\n await modernSd.buildAllPlatforms();\n\n console.log(\"⚙️ Generating Tailwind v4 theme\");\n await buildTailwind4Theme();\n\n console.log(\"\\nBuild complete.\");\n}\n\nbuild();\n"],"names":["async","console","log","StyleDictionary","legacyDesignTokensConfig","buildAllPlatforms","designTokensConfig","buildTailwind4Theme","build"],"mappings":"mMAKAA,iBACIC,QAAQC,IAAI,oCAEZD,QAAQC,IAAI,yCACW,IAAIC,EAAgBC,IAC5BC,oBAEfJ,QAAQC,IAAI,yCACW,IAAIC,EAAgBG,IAC5BD,oBAEfJ,QAAQC,IAAI,yCACNK,IAENN,QAAQC,IAAI,oBAChB,CAEAM"}
@@ -1,4 +0,0 @@
1
- import { Config } from 'style-dictionary/types';
2
- export declare const PREFIX = "jkl";
3
- export declare const legacyDesignTokensConfig: Config;
4
- export declare const designTokensConfig: Config;
@@ -1,2 +0,0 @@
1
- const s="jkl",t={source:["src/core/tokens/legacy/*.json"],platforms:{ts:{transformGroup:"typescript",buildPath:"./src/core/",files:[{destination:"tokens.ts",format:"javascript/esm",filter:s=>!s.filePath.includes("color.legacy")}]},scss:{transformGroup:"scss",buildPath:"./src/core/jkl/legacy/",files:[{destination:"_dynamic-colors.scss",format:"scss/theme-variables",filter:s=>s.path.some(s=>["light","dark"].includes(s))},{destination:"_tokens.scss",format:"scss/map-deep",filter:s=>!s.path.some(s=>["light","dark"].includes(s))}]},css:{transformGroup:"css",buildPath:"./src/core/styles/theme/",files:[{destination:"_legacy-tokens.scss",format:"css/theme-variables",filter:s=>!s.filePath.includes("semantic")},{destination:"_legacy-color-tokens.scss",format:"css/dynamic-color-variables",filter:s=>s.filePath.includes("semantic")}]},tailwind:{transformGroup:"css",buildPath:"src/tailwind/",files:[{destination:"colors.ts",format:"tailwindcss/colors",filter:s=>s.path.includes("light")}]}}},e={source:["src/core/tokens/!(legacy)/*.json"],platforms:{scss:{transformGroup:"scss",buildPath:"./src/core/jkl/",files:[{destination:"_tokens.scss",format:"scss/theme-variables",filter:s=>"spacing"===s.type||["border","text","background"].includes("string"==typeof s.attributes?.type?s.attributes.type:"")}]},css:{transformGroup:"css",buildPath:"./src/core/styles/theme/",files:[{destination:"_tokens.scss",format:"css/theme-variables",filter:s=>"spacing"===s.type},{destination:"_color-tokens.scss",format:"css/dynamic-color-variables",filter:"isColor"},{destination:"_spacing-tokens.scss",format:"css/theme-variables",filter:"isSpacing"}]}}};export{s as PREFIX,e as designTokensConfig,t as legacyDesignTokensConfig};
2
- //# sourceMappingURL=config.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"config.js","sources":["../../../../../src/core/tokens/style-dictionary/config.ts"],"sourcesContent":["import type { Config, DesignToken } from \"style-dictionary/types\";\n\nexport const PREFIX = \"jkl\";\n\nexport const legacyDesignTokensConfig: Config = {\n source: [\"src/core/tokens/legacy/*.json\"],\n platforms: {\n ts: {\n transformGroup: \"typescript\",\n buildPath: \"./src/core/\",\n files: [\n {\n destination: \"tokens.ts\",\n format: \"javascript/esm\",\n filter: (token: DesignToken) =>\n !token.filePath.includes(\"color.legacy\"),\n },\n ],\n },\n scss: {\n transformGroup: \"scss\",\n buildPath: \"./src/core/jkl/legacy/\",\n files: [\n {\n destination: \"_dynamic-colors.scss\",\n format: \"scss/theme-variables\",\n filter: (token) =>\n token.path.some((word) =>\n [\"light\", \"dark\"].includes(word),\n ),\n },\n {\n destination: \"_tokens.scss\",\n format: \"scss/map-deep\",\n filter: (token) =>\n !token.path.some((word) =>\n [\"light\", \"dark\"].includes(word),\n ),\n },\n ],\n },\n css: {\n transformGroup: \"css\",\n buildPath: \"./src/core/styles/theme/\",\n files: [\n {\n destination: \"_legacy-tokens.scss\",\n format: \"css/theme-variables\",\n filter: (token: DesignToken) =>\n !token.filePath.includes(\"semantic\"),\n },\n {\n destination: \"_legacy-color-tokens.scss\",\n format: \"css/dynamic-color-variables\",\n filter: (token: DesignToken) =>\n token.filePath.includes(\"semantic\"),\n },\n ],\n },\n tailwind: {\n transformGroup: \"css\",\n buildPath: \"src/tailwind/\",\n files: [\n {\n destination: \"colors.ts\",\n format: \"tailwindcss/colors\",\n filter: (token: DesignToken) =>\n token.path.includes(\"light\"),\n },\n ],\n },\n },\n};\n\nexport const designTokensConfig: Config = {\n source: [\"src/core/tokens/!(legacy)/*.json\"],\n platforms: {\n scss: {\n transformGroup: \"scss\",\n buildPath: \"./src/core/jkl/\",\n files: [\n {\n destination: \"_tokens.scss\",\n format: \"scss/theme-variables\",\n filter: (token: DesignToken) =>\n token.type === \"spacing\" ||\n [\"border\", \"text\", \"background\"].includes(\n typeof token.attributes?.type === \"string\"\n ? token.attributes.type\n : \"\",\n ),\n },\n ],\n },\n css: {\n transformGroup: \"css\",\n buildPath: \"./src/core/styles/theme/\",\n files: [\n {\n destination: \"_tokens.scss\",\n format: \"css/theme-variables\",\n filter: (token: DesignToken) => token.type === \"spacing\",\n },\n {\n destination: \"_color-tokens.scss\",\n format: \"css/dynamic-color-variables\",\n filter: \"isColor\",\n },\n {\n destination: \"_spacing-tokens.scss\",\n format: \"css/theme-variables\",\n filter: \"isSpacing\",\n },\n ],\n },\n },\n};\n"],"names":["PREFIX","legacyDesignTokensConfig","source","platforms","ts","transformGroup","buildPath","files","destination","format","filter","token","filePath","includes","scss","path","some","word","css","tailwind","designTokensConfig","type","attributes"],"mappings":"AAEO,MAAMA,EAAS,MAETC,EAAmC,CAC5CC,OAAQ,CAAC,iCACTC,UAAW,CACPC,GAAI,CACAC,eAAgB,aAChBC,UAAW,cACXC,MAAO,CACH,CACIC,YAAa,YACbC,OAAQ,iBACRC,OAASC,IACJA,EAAMC,SAASC,SAAS,mBAIzCC,KAAM,CACFT,eAAgB,OAChBC,UAAW,yBACXC,MAAO,CACH,CACIC,YAAa,uBACbC,OAAQ,uBACRC,OAASC,GACLA,EAAMI,KAAKC,KAAMC,GACb,CAAC,QAAS,QAAQJ,SAASI,KAGvC,CACIT,YAAa,eACbC,OAAQ,gBACRC,OAASC,IACJA,EAAMI,KAAKC,KAAMC,GACd,CAAC,QAAS,QAAQJ,SAASI,OAK/CC,IAAK,CACDb,eAAgB,MAChBC,UAAW,2BACXC,MAAO,CACH,CACIC,YAAa,sBACbC,OAAQ,sBACRC,OAASC,IACJA,EAAMC,SAASC,SAAS,aAEjC,CACIL,YAAa,4BACbC,OAAQ,8BACRC,OAASC,GACLA,EAAMC,SAASC,SAAS,eAIxCM,SAAU,CACNd,eAAgB,MAChBC,UAAW,gBACXC,MAAO,CACH,CACIC,YAAa,YACbC,OAAQ,qBACRC,OAASC,GACLA,EAAMI,KAAKF,SAAS,cAO/BO,EAA6B,CACtClB,OAAQ,CAAC,oCACTC,UAAW,CACPW,KAAM,CACFT,eAAgB,OAChBC,UAAW,kBACXC,MAAO,CACH,CACIC,YAAa,eACbC,OAAQ,uBACRC,OAASC,GACU,YAAfA,EAAMU,MACN,CAAC,SAAU,OAAQ,cAAcR,SACK,iBAA3BF,EAAMW,YAAYD,KACnBV,EAAMW,WAAWD,KACjB,OAK1BH,IAAK,CACDb,eAAgB,MAChBC,UAAW,2BACXC,MAAO,CACH,CACIC,YAAa,eACbC,OAAQ,sBACRC,OAASC,GAAsC,YAAfA,EAAMU,MAE1C,CACIb,YAAa,qBACbC,OAAQ,8BACRC,OAAQ,WAEZ,CACIF,YAAa,uBACbC,OAAQ,sBACRC,OAAQ"}
@@ -1,3 +0,0 @@
1
- import { Filter } from 'style-dictionary/types';
2
- export declare const isColor: Filter;
3
- export declare const isSpacing: Filter;
@@ -1,2 +0,0 @@
1
- const i={name:"isColor",filter:i=>"color"===i.type},o={name:"isSpacing",filter:i=>"spacing"===i.type};export{i as isColor,o as isSpacing};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../src/core/tokens/style-dictionary/filters/index.ts"],"sourcesContent":["import type { DesignToken, Filter } from \"style-dictionary/types\";\n\nexport const isColor: Filter = {\n name: \"isColor\",\n filter: (token: DesignToken) => token.type === \"color\",\n};\n\nexport const isSpacing: Filter = {\n name: \"isSpacing\",\n filter: (token: DesignToken) => token.type === \"spacing\",\n};\n"],"names":["isColor","name","filter","token","type","isSpacing"],"mappings":"AAEO,MAAMA,EAAkB,CAC3BC,KAAM,UACNC,OAASC,GAAsC,UAAfA,EAAMC,MAG7BC,EAAoB,CAC7BJ,KAAM,YACNC,OAASC,GAAsC,YAAfA,EAAMC"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const cssDynamicColorVariablesFormat: Format;
3
- export default cssDynamicColorVariablesFormat;
@@ -1,2 +0,0 @@
1
- import{fileHeader as a,formattedVariables as n}from"style-dictionary/utils";import{PREFIX as i}from"../config.js";const e={name:"css/dynamic-color-variables",format:async({dictionary:e,file:t})=>{const l=a=>e.allTokens.filter(n=>n.path.includes(a));return`${await a({file:t})}\n/* stylelint-disable */\n@use "../../jkl";\n\n@layer jokul.theme {\n ${["light","dark"].map(a=>`@include jkl.${a}-mode-variables {\n${n({dictionary:{...e,allTokens:l(a)},format:"css",formatting:{indentation:" ",prefix:`--${i}-`}})}\n }`).join("\n\n ")}\n}\n`}};export{e as default};
2
- //# sourceMappingURL=css-dynamic-color-variables.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-dynamic-color-variables.js","sources":["../../../../../../src/core/tokens/style-dictionary/formats/css-dynamic-color-variables.ts"],"sourcesContent":["import type { Dictionary, File, Format } from \"style-dictionary/types\";\nimport { fileHeader, formattedVariables } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\n\nconst cssDynamicColorVariablesFormat: Format = {\n name: \"css/dynamic-color-variables\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n const dynamicColorTokens = (scheme: string) =>\n dictionary.allTokens.filter((token) => token.path.includes(scheme));\n\n return `${await fileHeader({ file })}\n/* stylelint-disable */\n@use \"../../jkl\";\n\n@layer jokul.theme {\n ${[\"light\", \"dark\"]\n .map(\n (scheme) => `@include jkl.${scheme}-mode-variables {\n${formattedVariables({\n dictionary: {\n ...dictionary,\n allTokens: dynamicColorTokens(scheme),\n },\n format: \"css\",\n formatting: {\n indentation: \" \",\n prefix: `--${PREFIX}-`,\n },\n})}\n }`,\n )\n .join(\"\\n\\n \")}\n}\n`;\n },\n};\n\nexport default cssDynamicColorVariablesFormat;\n"],"names":["cssDynamicColorVariablesFormat","name","format","async","dictionary","file","dynamicColorTokens","scheme","allTokens","filter","token","path","includes","fileHeader","map","formattedVariables","formatting","indentation","prefix","PREFIX","join"],"mappings":"kHAIA,MAAMA,EAAyC,CAC3CC,KAAM,8BACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,MAEA,MAAMC,EAAsBC,GACxBH,EAAWI,UAAUC,OAAQC,GAAUA,EAAMC,KAAKC,SAASL,IAE/D,MAAO,SAASM,EAAW,CAAER,KAAAA,gFAK/B,CAAC,QAAS,QACPS,IACIP,GAAW,gBAAgBA,uBACtCQ,EAAmB,CACjBX,WAAY,IACLA,EACHI,UAAWF,EAAmBC,IAElCL,OAAQ,MACRc,WAAY,CACRC,YAAa,WACbC,OAAQ,KAAKC,kBAKZC,KAAK"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const cssThemeVariablesFormat: Format;
3
- export default cssThemeVariablesFormat;
@@ -1,2 +0,0 @@
1
- import{fileHeader as a,formattedVariables as t}from"style-dictionary/utils";import{PREFIX as i}from"../config.js";const e={name:"css/theme-variables",format:async({dictionary:e,file:o})=>`${await a({file:o})}\n@layer jokul.theme {\n :root {\n${t({dictionary:e,format:"css",formatting:{indentation:" ",prefix:`--${i}-`}})}\n }\n}`};export{e as default};
2
- //# sourceMappingURL=css-theme-variables.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"css-theme-variables.js","sources":["../../../../../../src/core/tokens/style-dictionary/formats/css-theme-variables.ts"],"sourcesContent":["import { fileHeader, formattedVariables } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\nimport type { Dictionary, File, Format } from \"style-dictionary/types\";\n\nconst cssThemeVariablesFormat: Format = {\n name: \"css/theme-variables\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n return `${await fileHeader({ file })}\n@layer jokul.theme {\n :root {\n${formattedVariables({\n dictionary,\n format: \"css\",\n formatting: {\n indentation: \" \",\n prefix: `--${PREFIX}-`,\n },\n})}\n }\n}`;\n },\n};\n\nexport default cssThemeVariablesFormat;\n"],"names":["cssThemeVariablesFormat","name","format","async","dictionary","file","fileHeader","formattedVariables","formatting","indentation","prefix","PREFIX"],"mappings":"kHAIA,MAAMA,EAAkC,CACpCC,KAAM,sBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,KAEO,SAASC,EAAW,CAAED,KAAAA,2CAGnCE,EAAmB,CACjBH,WAAAA,EACAF,OAAQ,MACRM,WAAY,CACRC,YAAa,WACbC,OAAQ,KAAKC"}
@@ -1,6 +0,0 @@
1
- import { default as cssDynamicColorVariablesFormat } from './css-dynamic-color-variables.js';
2
- import { default as cssThemeVariablesFormat } from './css-theme-variables.js';
3
- import { default as javascriptEsmFormat } from './javascript-esm.js';
4
- import { default as scssThemeVariablesFormat } from './scss-theme-variables.js';
5
- import { default as tailwindCssColorsFormat } from './tailwindcss-colors.js';
6
- export { javascriptEsmFormat, cssThemeVariablesFormat, scssThemeVariablesFormat, tailwindCssColorsFormat, cssDynamicColorVariablesFormat, };
@@ -1,2 +0,0 @@
1
- import{default as s}from"./css-dynamic-color-variables.js";import{default as a}from"./css-theme-variables.js";import{default as r}from"./javascript-esm.js";import{default as o}from"./scss-theme-variables.js";import{default as m}from"./tailwindcss-colors.js";export{s as cssDynamicColorVariablesFormat,a as cssThemeVariablesFormat,r as javascriptEsmFormat,o as scssThemeVariablesFormat,m as tailwindCssColorsFormat};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const javascriptEsmFormat: Format;
3
- export default javascriptEsmFormat;
@@ -1,2 +0,0 @@
1
- import{c as t}from"../../../../../index-DOHQmuhD.js";import{fileHeader as e}from"style-dictionary/utils";const r=e=>{if(!e||"object"!=typeof e)return e;if("value"in e)return e.value;const i={};for(const[a,o]of Object.entries(e)){i[t(a)]=r(o)}return i},i={name:"javascript/esm",format:async({dictionary:t,file:i})=>`${await e({file:i})}export default ${JSON.stringify(r(t.tokens))};\n`};export{i as default};
2
- //# sourceMappingURL=javascript-esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"javascript-esm.js","sources":["../../../../../../src/core/tokens/style-dictionary/formats/javascript-esm.ts"],"sourcesContent":["import { camelCase } from \"change-case\";\nimport type {\n DesignToken,\n Dictionary,\n File,\n Format,\n} from \"style-dictionary/types\";\nimport { fileHeader } from \"style-dictionary/utils\";\n\nconst formatKeysToCamelCase = (token: DesignToken) => {\n if (!token || typeof token !== \"object\") {\n return token;\n }\n\n if (\"value\" in token) {\n return token.value;\n }\n\n const camelCasedObject: Record<string, unknown> = {};\n for (const [key, value] of Object.entries(token)) {\n const camelCasedKey = camelCase(key);\n camelCasedObject[camelCasedKey] = formatKeysToCamelCase(value);\n }\n\n return camelCasedObject;\n};\n\nconst javascriptEsmFormat: Format = {\n name: \"javascript/esm\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n return `${await fileHeader({ file })}export default ${JSON.stringify(formatKeysToCamelCase(dictionary.tokens))};\\n`;\n },\n};\n\nexport default javascriptEsmFormat;\n"],"names":["formatKeysToCamelCase","token","value","camelCasedObject","key","Object","entries","camelCase","javascriptEsmFormat","name","format","async","dictionary","file","fileHeader","JSON","stringify","tokens"],"mappings":"yGASA,MAAMA,EAAyBC,IAC3B,IAAKA,GAA0B,iBAAVA,EACjB,OAAOA,EAGX,GAAI,UAAWA,EACX,OAAOA,EAAMC,MAGjB,MAAMC,EAA4C,CAAA,EAClD,IAAA,MAAYC,EAAKF,KAAUG,OAAOC,QAAQL,GAAQ,CAE9CE,EADsBI,EAAUH,IACEJ,EAAsBE,EAC5D,CAEA,OAAOC,GAGLK,EAA8B,CAChCC,KAAM,iBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,KAEO,SAASC,EAAW,CAAED,KAAAA,qBAAyBE,KAAKC,UAAUhB,EAAsBY,EAAWK"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const scssThemeVariablesFormat: Format;
3
- export default scssThemeVariablesFormat;
@@ -1,2 +0,0 @@
1
- import{commentStyles as a}from"style-dictionary/enums";import{fileHeader as e,formattedVariables as s}from"style-dictionary/utils";import{PREFIX as t}from"../config.js";const r={name:"scss/theme-variables",format:async({dictionary:r,file:i})=>{const l=await e({file:i,commentStyle:a.short}),o=r.allTokens.filter(a=>!a.path.some(a=>["light","dark"].includes(a))),n=r.allTokens.filter(a=>a.path.includes("light")).map(a=>({...a,value:`var(--${t}-${a.name})`}));return`${l}\n${s({format:"sass",dictionary:{...r,allTokens:o}})}\n\n// Dynamiske variabler for farge, via referanse til CSS-variabler\n${s({format:"sass",dictionary:{...r,allTokens:n}})}`}};export{r as default};
2
- //# sourceMappingURL=scss-theme-variables.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scss-theme-variables.js","sources":["../../../../../../src/core/tokens/style-dictionary/formats/scss-theme-variables.ts"],"sourcesContent":["import { commentStyles } from \"style-dictionary/enums\";\nimport type { Dictionary, File, Format } from \"style-dictionary/types\";\nimport { fileHeader, formattedVariables } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\n\nconst scssThemeVariablesFormat: Format = {\n name: \"scss/theme-variables\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n const header = await fileHeader({\n file,\n commentStyle: commentStyles.short,\n });\n const staticColorTokens = dictionary.allTokens.filter(\n (token) =>\n !token.path.some((word) => [\"light\", \"dark\"].includes(word)),\n );\n\n // Bruker 'light' som kilde for å unngå duplikater\n const uniqueColorTokens = dictionary.allTokens.filter((token) =>\n token.path.includes(\"light\"),\n );\n\n const dynamicColorTokens = uniqueColorTokens.map((token) => {\n return {\n ...token,\n value: `var(--${PREFIX}-${token.name})`,\n };\n });\n\n const staticColorVariables = formattedVariables({\n format: \"sass\",\n dictionary: { ...dictionary, allTokens: staticColorTokens },\n });\n\n const dynamicColorVariables = formattedVariables({\n format: \"sass\",\n dictionary: { ...dictionary, allTokens: dynamicColorTokens },\n });\n\n return `${header}\n${staticColorVariables}\n\n// Dynamiske variabler for farge, via referanse til CSS-variabler\n${dynamicColorVariables}`;\n },\n};\n\nexport default scssThemeVariablesFormat;\n"],"names":["scssThemeVariablesFormat","name","format","async","dictionary","file","header","fileHeader","commentStyle","commentStyles","short","staticColorTokens","allTokens","filter","token","path","some","word","includes","dynamicColorTokens","map","value","PREFIX","formattedVariables"],"mappings":"yKAKA,MAAMA,EAAmC,CACrCC,KAAM,uBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,MAEA,MAAMC,QAAeC,EAAW,CAC5BF,KAAAA,EACAG,aAAcC,EAAcC,QAE1BC,EAAoBP,EAAWQ,UAAUC,OAC1CC,IACIA,EAAMC,KAAKC,KAAMC,GAAS,CAAC,QAAS,QAAQC,SAASD,KAQxDE,EAJoBf,EAAWQ,UAAUC,OAAQC,GACnDA,EAAMC,KAAKG,SAAS,UAGqBE,IAAKN,IAAAA,IAEvCA,EACHO,MAAO,SAASC,KAAUR,EAAMb,WAcxC,MAAO,GAAGK,MAVmBiB,EAAmB,CAC5CrB,OAAQ,OACRE,WAAY,IAAKA,EAAYQ,UAAWD,8EAGdY,EAAmB,CAC7CrB,OAAQ,OACRE,WAAY,IAAKA,EAAYQ,UAAWO"}
@@ -1,3 +0,0 @@
1
- import { Format } from 'style-dictionary/types';
2
- declare const tailwindCssColorsFormat: Format;
3
- export default tailwindCssColorsFormat;
@@ -1,2 +0,0 @@
1
- import{fileHeader as n}from"style-dictionary/utils";import{PREFIX as o}from"../config.js";const t={name:"tailwindcss/colors",format:async({dictionary:t,file:i})=>{let a=await n({file:i});return a+=`const colors = {\n${t.allTokens.map(n=>{const t=n.name.split("-").slice(1).join("-"),i=n.name.split("-").join("-");return` "${t}": "var(--${o}-${i})",`}).join("\n")}\n};\n\n`,a+="export default colors;\n",a}};export{t as default};
2
- //# sourceMappingURL=tailwindcss-colors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwindcss-colors.js","sources":["../../../../../../src/core/tokens/style-dictionary/formats/tailwindcss-colors.ts"],"sourcesContent":["import { fileHeader } from \"style-dictionary/utils\";\nimport { PREFIX } from \"../config.js\";\nimport type { Dictionary, File, Format } from \"style-dictionary/types\";\n\nconst tailwindCssColorsFormat: Format = {\n name: \"tailwindcss/colors\",\n format: async ({\n dictionary,\n file,\n }: { dictionary: Dictionary; file: File }) => {\n let output = await fileHeader({ file });\n\n const tailwindColors = dictionary.allTokens\n .map((token) => {\n const tailwindColorName = token.name\n .split(\"-\")\n .slice(1)\n .join(\"-\");\n const cssVariableName = token.name.split(\"-\").join(\"-\");\n\n return ` \"${tailwindColorName}\": \"var(--${PREFIX}-${cssVariableName})\",`;\n })\n .join(\"\\n\");\n\n output += `const colors = {\\n${tailwindColors}\\n};\\n\\n`;\n output += \"export default colors;\\n\";\n\n return output;\n },\n};\n\nexport default tailwindCssColorsFormat;\n"],"names":["tailwindCssColorsFormat","name","format","async","dictionary","file","output","fileHeader","allTokens","map","token","tailwindColorName","split","slice","join","cssVariableName","PREFIX"],"mappings":"0FAIA,MAAMA,EAAkC,CACpCC,KAAM,qBACNC,OAAQC,OACJC,WAAAA,EACAC,KAAAA,MAEA,IAAIC,QAAeC,EAAW,CAAEF,KAAAA,IAchC,OAAAC,GAAU,qBAZaF,EAAWI,UAC7BC,IAAKC,IACF,MAAMC,EAAoBD,EAAMT,KAC3BW,MAAM,KACNC,MAAM,GACNC,KAAK,KACJC,EAAkBL,EAAMT,KAAKW,MAAM,KAAKE,KAAK,KAEnD,MAAO,QAAQH,cAA8BK,KAAUD,SAE1DD,KAAK,gBAGVR,GAAU,2BAEHA"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- import r from"style-dictionary";import s from"./formats/css-dynamic-color-variables.js";import o from"./formats/css-theme-variables.js";import t from"./formats/javascript-esm.js";import m from"./formats/scss-theme-variables.js";import a from"./formats/tailwindcss-colors.js";import i from"./transforms/strip-light-dark.js";import{isColor as e,isSpacing as f}from"./filters/index.js";r.registerFormat(t),r.registerFormat(o),r.registerFormat(m),r.registerFormat(a),r.registerFormat(s),r.registerTransform(i),r.registerFilter(e),r.registerFilter(f),r.registerTransformGroup({name:"typescript",transforms:["name/camel"]}),r.registerTransformGroup({name:"css",transforms:[...r.hooks.transformGroups.css,"strip/light-dark"]}),r.registerTransformGroup({name:"scss",transforms:[...r.hooks.transformGroups.scss,"strip/light-dark"]});
2
- //# sourceMappingURL=register.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"register.js","sources":["../../../../../src/core/tokens/style-dictionary/register.ts"],"sourcesContent":["import StyleDictionary from \"style-dictionary\";\n\nimport {\n javascriptEsmFormat,\n cssThemeVariablesFormat,\n scssThemeVariablesFormat,\n tailwindCssColorsFormat,\n cssDynamicColorVariablesFormat,\n} from \"./formats/index.js\";\n\nimport { stripLightDarkTransform } from \"./transforms/index.js\";\n\nimport { isColor, isSpacing } from \"./filters/index.js\";\n\n// Formats\nStyleDictionary.registerFormat(javascriptEsmFormat);\nStyleDictionary.registerFormat(cssThemeVariablesFormat);\nStyleDictionary.registerFormat(scssThemeVariablesFormat);\nStyleDictionary.registerFormat(tailwindCssColorsFormat);\nStyleDictionary.registerFormat(cssDynamicColorVariablesFormat);\n\n// Transforms\nStyleDictionary.registerTransform(stripLightDarkTransform);\n\n// Filters\nStyleDictionary.registerFilter(isColor);\nStyleDictionary.registerFilter(isSpacing);\n\nStyleDictionary.registerTransformGroup({\n name: \"typescript\",\n transforms: [\"name/camel\"],\n});\n\nStyleDictionary.registerTransformGroup({\n name: \"css\",\n transforms: [\n ...StyleDictionary.hooks.transformGroups.css,\n \"strip/light-dark\",\n ],\n});\n\nStyleDictionary.registerTransformGroup({\n name: \"scss\",\n transforms: [\n ...StyleDictionary.hooks.transformGroups.scss,\n \"strip/light-dark\",\n ],\n});\n"],"names":["StyleDictionary","registerFormat","javascriptEsmFormat","cssThemeVariablesFormat","scssThemeVariablesFormat","tailwindCssColorsFormat","cssDynamicColorVariablesFormat","registerTransform","stripLightDarkTransform","registerFilter","isColor","isSpacing","registerTransformGroup","name","transforms","hooks","transformGroups","css","scss"],"mappings":"+XAeAA,EAAgBC,eAAeC,GAC/BF,EAAgBC,eAAeE,GAC/BH,EAAgBC,eAAeG,GAC/BJ,EAAgBC,eAAeI,GAC/BL,EAAgBC,eAAeK,GAG/BN,EAAgBO,kBAAkBC,GAGlCR,EAAgBS,eAAeC,GAC/BV,EAAgBS,eAAeE,GAE/BX,EAAgBY,uBAAuB,CACnCC,KAAM,aACNC,WAAY,CAAC,gBAGjBd,EAAgBY,uBAAuB,CACnCC,KAAM,MACNC,WAAY,IACLd,EAAgBe,MAAMC,gBAAgBC,IACzC,sBAIRjB,EAAgBY,uBAAuB,CACnCC,KAAM,OACNC,WAAY,IACLd,EAAgBe,MAAMC,gBAAgBE,KACzC"}
@@ -1,2 +0,0 @@
1
- import { default as stripLightDarkTransform } from './strip-light-dark.js';
2
- export { stripLightDarkTransform };
@@ -1,2 +0,0 @@
1
- import{default as r}from"./strip-light-dark.js";export{r as stripLightDarkTransform};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- import { Transform } from 'style-dictionary/types';
2
- declare const stripLightDarkTransform: Transform;
3
- export default stripLightDarkTransform;
@@ -1,2 +0,0 @@
1
- const t={name:"strip/light-dark",type:"name",filter:t=>t.path.includes("light")||t.path.includes("dark"),transform:t=>((t,a)=>t.path.filter(t=>!a.includes(t)))(t,["light","dark"]).join("-")};export{t as default};
2
- //# sourceMappingURL=strip-light-dark.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"strip-light-dark.js","sources":["../../../../../../src/core/tokens/style-dictionary/transforms/strip-light-dark.ts"],"sourcesContent":["import type {\n TransformedToken,\n Transform,\n DesignToken,\n} from \"style-dictionary/types\";\n\nconst excludeFromTokenPath = (token: TransformedToken, exclude: string[]) =>\n token.path.filter((step) => !exclude.includes(step));\n\nconst stripLightDarkTransform: Transform = {\n name: \"strip/light-dark\",\n type: \"name\",\n filter: (token: DesignToken) =>\n token.path.includes(\"light\") || token.path.includes(\"dark\"),\n transform: (token: TransformedToken) => {\n const tokenPath = excludeFromTokenPath(token, [\"light\", \"dark\"]);\n return tokenPath.join(\"-\");\n },\n};\n\nexport default stripLightDarkTransform;\n"],"names":["stripLightDarkTransform","name","type","filter","token","path","includes","transform","exclude","step","excludeFromTokenPath","join"],"mappings":"AAMA,MAGMA,EAAqC,CACvCC,KAAM,mBACNC,KAAM,OACNC,OAASC,GACLA,EAAMC,KAAKC,SAAS,UAAYF,EAAMC,KAAKC,SAAS,QACxDC,UAAYH,GARa,EAACA,EAAyBI,IACnDJ,EAAMC,KAAKF,OAAQM,IAAUD,EAAQF,SAASG,IAQxBC,CAAqBN,EAAO,CAAC,QAAS,SACvCO,KAAK"}