@hkdigital/lib-core 0.3.11 → 0.3.13

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 (293) hide show
  1. package/README.md +173 -149
  2. package/dist/assets/autospuiten/car-paint-picker.js +41 -41
  3. package/dist/assets/autospuiten/labels.js +7 -7
  4. package/dist/classes/data/IterableTree.js +242 -242
  5. package/dist/classes/data/Selector.js +190 -190
  6. package/dist/classes/data/index.js +2 -2
  7. package/dist/classes/data/typedef.js +9 -9
  8. package/dist/classes/event-emitter/EventEmitter.js +273 -273
  9. package/dist/classes/event-emitter/index.js +2 -2
  10. package/dist/classes/index.js +4 -4
  11. package/dist/classes/promise/HkPromise.js +384 -384
  12. package/dist/classes/promise/index.js +1 -1
  13. package/dist/classes/stores/SubscribersCount.js +107 -107
  14. package/dist/classes/stores/index.js +1 -1
  15. package/dist/classes/streams/LogTransformStream.js +19 -19
  16. package/dist/classes/streams/ServerEventsStore.js +111 -111
  17. package/dist/classes/streams/TimeStampSource.js +26 -26
  18. package/dist/classes/streams/index.js +3 -3
  19. package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
  20. package/dist/classes/svelte/finite-state-machine/index.js +1 -1
  21. package/dist/classes/svelte/index.js +1 -11
  22. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  23. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  24. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  25. package/dist/config/README.md +197 -196
  26. package/dist/config/generators/imagetools.js +189 -189
  27. package/dist/config/generators/vite.js +148 -142
  28. package/dist/config/imagetools.d.ts +72 -72
  29. package/dist/config/vite.js +4 -4
  30. package/dist/constants/bases/index.js +13 -13
  31. package/dist/constants/http/headers.js +6 -6
  32. package/dist/constants/http/index.js +2 -2
  33. package/dist/constants/http/methods.js +14 -14
  34. package/dist/constants/index.js +6 -6
  35. package/dist/constants/mime/application.js +5 -5
  36. package/dist/constants/mime/audio.js +13 -13
  37. package/dist/constants/mime/image.js +3 -3
  38. package/dist/constants/mime/index.js +4 -4
  39. package/dist/constants/mime/text.js +2 -2
  40. package/dist/constants/regexp/README.md +96 -95
  41. package/dist/constants/regexp/index.js +31 -31
  42. package/dist/constants/regexp/inspiratie.js__ +95 -95
  43. package/dist/constants/regexp/text.d.ts +4 -4
  44. package/dist/constants/regexp/text.js +49 -49
  45. package/dist/constants/regexp/url.js +3 -3
  46. package/dist/constants/regexp/user.js +29 -29
  47. package/dist/constants/states/drag.js +6 -6
  48. package/dist/constants/states/drop.js +6 -6
  49. package/dist/constants/states/index.js +4 -4
  50. package/dist/constants/states/input.js +11 -11
  51. package/dist/constants/states/submit.js +4 -4
  52. package/dist/constants/time/index.js +28 -28
  53. package/dist/css/utilities.css +43 -43
  54. package/dist/design/README.md +405 -405
  55. package/dist/design/config/design-config.js +73 -73
  56. package/dist/design/generators/index.js +288 -288
  57. package/dist/design/index.js +96 -96
  58. package/dist/design/plugins/skeleton.js +208 -208
  59. package/dist/design/tailwind-theme-extend.js +158 -158
  60. package/dist/design/themes/README.md +102 -102
  61. package/dist/design/themes/hkdev/components/blocks/text-block.css +34 -34
  62. package/dist/design/themes/hkdev/components/boxes/game-box.css +11 -11
  63. package/dist/design/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  64. package/dist/design/themes/hkdev/components/buttons/button-text.css +32 -32
  65. package/dist/design/themes/hkdev/components/buttons/button.css +146 -146
  66. package/dist/design/themes/hkdev/components/buttons/skip-button.css +5 -5
  67. package/dist/design/themes/hkdev/components/drag-drop/draggable.css +73 -73
  68. package/dist/design/themes/hkdev/components/drag-drop/drop-zone.css +58 -58
  69. package/dist/design/themes/hkdev/components/icons/icon-steeze.css +15 -15
  70. package/dist/design/themes/hkdev/components/inputs/text-input.css +102 -102
  71. package/dist/design/themes/hkdev/components/panels/panel.css +25 -25
  72. package/dist/design/themes/hkdev/components/rows/panel-grid-row.css +4 -4
  73. package/dist/design/themes/hkdev/components/rows/panel-row-2.css +5 -5
  74. package/dist/design/themes/hkdev/components.css +29 -29
  75. package/dist/design/themes/hkdev/debug.css +1 -1
  76. package/dist/design/themes/hkdev/global/layout.css +32 -32
  77. package/dist/design/themes/hkdev/global/on-colors.css +32 -32
  78. package/dist/design/themes/hkdev/globals.css +3 -3
  79. package/dist/design/themes/hkdev/responsive.css +12 -12
  80. package/dist/design/themes/hkdev/theme-ext.js +12 -12
  81. package/dist/design/themes/hkdev/theme.css +218 -218
  82. package/dist/design/utils/clamp.js +66 -66
  83. package/dist/design/utils/root-vars.js +102 -102
  84. package/dist/design/utils/scaling.js +228 -228
  85. package/dist/design/utils/states.js +22 -22
  86. package/dist/errors/api.js +9 -9
  87. package/dist/errors/generic.js +20 -20
  88. package/dist/errors/http.js +16 -16
  89. package/dist/errors/index.js +5 -5
  90. package/dist/errors/jwt.js +5 -5
  91. package/dist/errors/promise.js +25 -25
  92. package/dist/logging/README.md +158 -0
  93. package/dist/logging/index.d.ts +3 -1
  94. package/dist/logging/index.js +11 -7
  95. package/dist/logging/internal/adapters/console.js +114 -114
  96. package/dist/logging/internal/adapters/index.js +2 -2
  97. package/dist/logging/internal/adapters/pino.js +160 -142
  98. package/dist/logging/internal/adapters/typedef.js +10 -10
  99. package/dist/logging/internal/{unified-logger/constants.js → constants.js} +22 -22
  100. package/dist/logging/internal/factories/client.d.ts +1 -1
  101. package/dist/logging/internal/factories/client.js +21 -21
  102. package/dist/logging/internal/factories/server.d.ts +1 -1
  103. package/dist/logging/internal/factories/server.js +22 -22
  104. package/dist/logging/internal/factories/universal.d.ts +2 -2
  105. package/dist/logging/internal/factories/universal.js +22 -22
  106. package/dist/logging/internal/{unified-logger → logger}/Logger.d.ts +2 -2
  107. package/dist/logging/internal/{unified-logger → logger}/Logger.js +217 -217
  108. package/dist/logging/internal/logger/index.d.ts +1 -0
  109. package/dist/logging/internal/logger/index.js +1 -0
  110. package/dist/logging/internal/{unified-logger/typedef.d.ts → typedef.d.ts} +2 -1
  111. package/dist/logging/internal/{unified-logger/typedef.js → typedef.js} +21 -17
  112. package/dist/network/README.md +172 -172
  113. package/dist/network/cache/IndexedDbCache.js +1407 -1407
  114. package/dist/network/cache/MemoryResponseCache.js +138 -138
  115. package/dist/network/cache/index.js +5 -5
  116. package/dist/network/cache/typedef.js +41 -41
  117. package/dist/network/cache.js +3 -3
  118. package/dist/network/http/caching.js +261 -261
  119. package/dist/network/http/errors.js +97 -97
  120. package/dist/network/http/headers.js +75 -75
  121. package/dist/network/http/http-request.js +578 -578
  122. package/dist/network/http/index.js +22 -22
  123. package/dist/network/http/json-request.js +224 -224
  124. package/dist/network/http/mocks.js +65 -65
  125. package/dist/network/http/response.js +318 -318
  126. package/dist/network/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  127. package/dist/network/http/typedef.js +93 -93
  128. package/dist/network/http/url.js +52 -52
  129. package/dist/network/http.js +5 -5
  130. package/dist/network/loaders/README.md +254 -254
  131. package/dist/network/loaders/audio/AudioLoader.svelte.js +58 -58
  132. package/dist/network/loaders/audio/AudioScene.svelte.js +324 -324
  133. package/dist/network/loaders/audio/mocks.js +35 -35
  134. package/dist/network/loaders/audio.js +1 -1
  135. package/dist/network/loaders/image/ImageLoader.svelte.js +44 -44
  136. package/dist/network/loaders/image/ImageScene.svelte.js +248 -248
  137. package/dist/network/loaders/image/ImageVariantsLoader.svelte.js +150 -150
  138. package/dist/network/loaders/image/index.js +4 -4
  139. package/dist/network/loaders/image/mocks.js +35 -35
  140. package/dist/network/loaders/image/typedef.js +8 -8
  141. package/dist/network/loaders/image/utils/index.js +86 -86
  142. package/dist/network/loaders/image.js +7 -7
  143. package/dist/network/loaders/typedef.js +38 -38
  144. package/dist/network/loaders.js +2 -2
  145. package/dist/network/states/NetworkLoader.svelte.js +338 -338
  146. package/dist/network/states/constants.js +3 -3
  147. package/dist/network/states/index.js +3 -3
  148. package/dist/network/states/mocks.js +30 -30
  149. package/dist/network/states/typedef.js +8 -8
  150. package/dist/network/typedef.js +9 -9
  151. package/dist/services/README.md +200 -0
  152. package/dist/services/index.d.ts +6 -1
  153. package/dist/services/index.js +8 -1
  154. package/dist/services/{internal/service-base → service-base}/ServiceBase.d.ts +2 -2
  155. package/dist/services/{internal/service-base → service-base}/ServiceBase.js +462 -462
  156. package/dist/services/{internal/service-base → service-base}/constants.d.ts +0 -12
  157. package/dist/services/{internal/service-base → service-base}/constants.js +98 -110
  158. package/dist/services/{internal/service-base → service-base}/index.js +3 -3
  159. package/dist/services/{internal/service-base → service-base}/typedef.d.ts +1 -1
  160. package/dist/services/{internal/service-base → service-base}/typedef.js +101 -101
  161. package/dist/services/{internal/service-manager → service-manager}/ServiceManager.d.ts +2 -2
  162. package/dist/services/{internal/service-manager → service-manager}/ServiceManager.js +608 -608
  163. package/dist/services/{internal/service-manager → service-manager}/constants.js +6 -6
  164. package/dist/services/{internal/service-manager → service-manager}/typedef.js +90 -90
  165. package/dist/states/index.js +1 -1
  166. package/dist/states/navigation.svelte.js +55 -55
  167. package/dist/stores/index.js +1 -1
  168. package/dist/stores/theme.js +80 -80
  169. package/dist/typedef/context.js +6 -6
  170. package/dist/typedef/drag.js +25 -25
  171. package/dist/typedef/drop.js +12 -12
  172. package/dist/typedef/index.d.ts +1 -0
  173. package/dist/typedef/index.js +4 -4
  174. package/dist/ui/components/button-group/ButtonGroup.svelte +82 -82
  175. package/dist/ui/components/button-group/typedef.js +10 -10
  176. package/dist/ui/components/compare-left-right/CompareLeftRight.svelte +179 -179
  177. package/dist/ui/components/compare-left-right/index.js +1 -1
  178. package/dist/ui/components/game-box/GameBox.svelte +577 -577
  179. package/dist/ui/components/game-box/gamebox.util.js +83 -83
  180. package/dist/ui/components/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  181. package/dist/ui/components/hk-app-layout/HkAppLayout.svelte +251 -251
  182. package/dist/ui/components/image-box/ImageBox.svelte +210 -210
  183. package/dist/ui/components/image-box/index.js +5 -5
  184. package/dist/ui/components/image-box/typedef.js +32 -32
  185. package/dist/ui/components/index.js +23 -23
  186. package/dist/ui/components/presenter/ImageSlide.svelte +64 -64
  187. package/dist/ui/components/presenter/Presenter.state.svelte.js +638 -638
  188. package/dist/ui/components/presenter/Presenter.svelte +142 -142
  189. package/dist/ui/components/presenter/constants.js +7 -7
  190. package/dist/ui/components/presenter/index.js +10 -10
  191. package/dist/ui/components/presenter/typedef.js +106 -106
  192. package/dist/ui/components/presenter/util.js +210 -210
  193. package/dist/ui/components/virtual-viewport/VirtualViewport.svelte +196 -196
  194. package/dist/ui/primitives/area/HkArea.svelte +49 -49
  195. package/dist/ui/primitives/area/HkGridArea.svelte +77 -77
  196. package/dist/ui/primitives/area/index.js +2 -2
  197. package/dist/ui/primitives/buttons/button/Button.svelte +82 -82
  198. package/dist/ui/primitives/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  199. package/dist/ui/primitives/buttons/button-text/TextButton.svelte +21 -21
  200. package/dist/ui/primitives/buttons/index.js +3 -3
  201. package/dist/ui/primitives/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  202. package/dist/ui/primitives/debug/index.js +1 -1
  203. package/dist/ui/primitives/drag-drop/DragController.js +44 -44
  204. package/dist/ui/primitives/drag-drop/DragDropContext.svelte +111 -111
  205. package/dist/ui/primitives/drag-drop/Draggable.svelte +519 -519
  206. package/dist/ui/primitives/drag-drop/DropZone.svelte +258 -258
  207. package/dist/ui/primitives/drag-drop/DropZoneArea.svelte +119 -119
  208. package/dist/ui/primitives/drag-drop/DropZoneList.svelte +125 -125
  209. package/dist/ui/primitives/drag-drop/actions.js +26 -26
  210. package/dist/ui/primitives/drag-drop/drag-state.svelte.js +322 -322
  211. package/dist/ui/primitives/drag-drop/index.js +7 -7
  212. package/dist/ui/primitives/drag-drop/util.js +85 -85
  213. package/dist/ui/primitives/hkdev/blocks/TextBlock.svelte +46 -46
  214. package/dist/ui/primitives/hkdev/buttons/CheckButton.svelte +62 -62
  215. package/dist/ui/primitives/icons/HkIcon.svelte +86 -86
  216. package/dist/ui/primitives/icons/HkTabIcon.svelte +116 -116
  217. package/dist/ui/primitives/icons/SteezeIcon.svelte +97 -97
  218. package/dist/ui/primitives/icons/index.js +6 -6
  219. package/dist/ui/primitives/icons/typedef.js +16 -16
  220. package/dist/ui/primitives/index.js +2 -2
  221. package/dist/ui/primitives/inputs/index.js +1 -1
  222. package/dist/ui/primitives/inputs/text-input/TestTextInput.svelte__ +102 -0
  223. package/dist/ui/primitives/inputs/text-input/TextInput.svelte +223 -223
  224. package/dist/ui/primitives/inputs/text-input/TextInput.svelte___ +83 -0
  225. package/dist/ui/primitives/inputs/text-input/assets/IconInvalid.svelte +14 -14
  226. package/dist/ui/primitives/inputs/text-input/assets/IconValid.svelte +12 -12
  227. package/dist/ui/primitives/layout/grid-layers/GridLayers.svelte +63 -63
  228. package/dist/ui/primitives/layout/grid-layers/GridLayers.svelte__heightFrom__ +372 -0
  229. package/dist/ui/primitives/layout/grid-layers/util.js +74 -74
  230. package/dist/ui/primitives/layout/index.js +1 -1
  231. package/dist/ui/primitives/panels/index.js +1 -1
  232. package/dist/ui/primitives/panels/panel/Panel.svelte +43 -43
  233. package/dist/ui/primitives/rows/index.js +3 -3
  234. package/dist/ui/primitives/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  235. package/dist/ui/primitives/rows/panel-row-2/PanelRow2.svelte +40 -40
  236. package/dist/ui/primitives/tab-bar/HkTabBar.state.svelte.js +149 -149
  237. package/dist/ui/primitives/tab-bar/HkTabBar.svelte +74 -74
  238. package/dist/ui/primitives/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  239. package/dist/ui/primitives/tab-bar/HkTabBarSelector.svelte +49 -49
  240. package/dist/ui/primitives/tab-bar/index.js +17 -17
  241. package/dist/ui/primitives/tab-bar/typedef.js +11 -11
  242. package/dist/util/array/index.js +436 -436
  243. package/dist/util/bases/base58.js +262 -262
  244. package/dist/util/bases/index.js +1 -1
  245. package/dist/util/compare/index.js +247 -247
  246. package/dist/util/css/css-vars.js +83 -83
  247. package/dist/util/css/index.js +1 -1
  248. package/dist/util/env/index.js +9 -9
  249. package/dist/util/exceptions/index.d.ts +4 -3
  250. package/dist/util/exceptions/index.js +26 -23
  251. package/dist/util/expect/arrays.js +47 -47
  252. package/dist/util/expect/index.js +259 -259
  253. package/dist/util/expect/primitives.js +55 -55
  254. package/dist/util/expect/url.js +60 -60
  255. package/dist/util/function/index.js +218 -218
  256. package/dist/util/geo/index.js +26 -26
  257. package/dist/util/index.js +7 -7
  258. package/dist/util/is/index.js +147 -147
  259. package/dist/util/iterate/index.js +204 -204
  260. package/dist/util/object/index.js +1345 -1345
  261. package/dist/util/singleton/index.js +97 -97
  262. package/dist/util/string/array-path.js +75 -75
  263. package/dist/util/string/convert.js +54 -54
  264. package/dist/util/string/fs.js +226 -226
  265. package/dist/util/string/index.js +5 -5
  266. package/dist/util/string/interpolate.js +61 -61
  267. package/dist/util/string/pad.js +10 -10
  268. package/dist/util/svelte/index.js +4 -4
  269. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  270. package/dist/util/svelte/observe/index.js +49 -49
  271. package/dist/util/svelte/state-context/index.js +117 -117
  272. package/dist/util/svelte/wait/index.js +38 -38
  273. package/dist/util/sveltekit/index.js +1 -1
  274. package/dist/util/sveltekit/route-folders/index.js +101 -101
  275. package/dist/util/time/index.js +328 -328
  276. package/dist/util/unique/index.js +231 -231
  277. package/dist/valibot/README.md +61 -50
  278. package/dist/valibot/index.js +8 -8
  279. package/dist/valibot/parsers/date.js__ +10 -0
  280. package/dist/valibot/parsers/email.d.ts +12 -0
  281. package/dist/valibot/parsers/email.js +34 -0
  282. package/dist/valibot/parsers/url.js +110 -110
  283. package/dist/valibot/parsers/user.js +23 -23
  284. package/dist/valibot/parsers.js +3 -3
  285. package/package.json +131 -131
  286. package/dist/logging/internal/unified-logger/index.d.ts +0 -3
  287. package/dist/logging/internal/unified-logger/index.js +0 -6
  288. package/dist/services/internal/index.d.ts +0 -6
  289. package/dist/services/internal/index.js +0 -8
  290. /package/dist/logging/internal/{unified-logger/constants.d.ts → constants.d.ts} +0 -0
  291. /package/dist/services/{internal/service-base → service-base}/index.d.ts +0 -0
  292. /package/dist/services/{internal/service-manager → service-manager}/constants.d.ts +0 -0
  293. /package/dist/services/{internal/service-manager → service-manager}/typedef.d.ts +0 -0
package/dist/design/themes/hkdev/theme.css CHANGED
@@ -1,219 +1,219 @@
1
- [data-theme='hkdev'] {
2
- --text-scaling: 1.067;
3
- --base-font-color: var(--color-surface-950);
4
- --base-font-color-dark: var(--color-surface-50);
5
- --base-font-family: mulish, system-ui, sans-serif;
6
- --base-font-size: inherit;
7
- --base-line-height: inherit;
8
- --base-font-weight: normal;
9
- --base-font-style: normal;
10
- --base-letter-spacing: 0em;
11
- --heading-font-color: var(--color-surface-950);
12
- --heading-font-color-dark: var(--color-surface-50);
13
- --heading-font-family: 'Guyot-Sans', system-ui, sans-serif;
14
- --heading-font-weight: 900;
15
- --heading-font-style: normal;
16
- --heading-letter-spacing: inherit;
17
- --anchor-font-color: var(--color-primary-500);
18
- --anchor-font-color-dark: var(--color-primary-500);
19
- --anchor-font-family: inherit;
20
- --anchor-font-size: inherit;
21
- --anchor-line-height: inherit;
22
- --anchor-font-weight: inherit;
23
- --anchor-font-style: inherit;
24
- --anchor-letter-spacing: inherit;
25
- --anchor-text-decoration: none;
26
- --anchor-text-decoration-hover: underline;
27
- --anchor-text-decoration-active: none;
28
- --anchor-text-decoration-focus: none;
29
- --spacing: 0.25rem;
30
- --radius-base: 6px;
31
- --radius-container: 12px;
32
- --default-border-width: 1px;
33
- --default-divide-width: 1px;
34
- --default-ring-width: 1px;
35
- --body-background-color: var(--color-surface-50);
36
- --body-background-color-dark: var(--color-surface-950);
37
-
38
- /* Primary Colors */
39
- --color-primary-50: oklch(100% 0 none);
40
- --color-primary-100: oklch(89.21% 0.06 344.59deg);
41
- --color-primary-200: oklch(79.1% 0.13 346.59deg);
42
- --color-primary-300: oklch(70.14% 0.19 348.99deg);
43
- --color-primary-400: oklch(63.52% 0.23 352.85deg);
44
- --color-primary-500: oklch(59.83% 0.24 358.78deg);
45
- --color-primary-600: oklch(55.33% 0.22 358.81deg);
46
- --color-primary-700: oklch(50.94% 0.2 359.11deg);
47
- --color-primary-800: oklch(46.26% 0.18 359.76deg);
48
- --color-primary-900: oklch(41.75% 0.16 0.47deg);
49
- --color-primary-950: oklch(37.02% 0.14 1.33deg);
50
- --color-primary-contrast-dark: var(--color-primary-950);
51
- --color-primary-contrast-light: var(--color-primary-50);
52
- --color-primary-contrast-50: var(--color-primary-contrast-dark);
53
- --color-primary-contrast-100: var(--color-primary-contrast-dark);
54
- --color-primary-contrast-200: var(--color-primary-contrast-dark);
55
- --color-primary-contrast-300: var(--color-primary-contrast-dark);
56
- --color-primary-contrast-400: var(--color-primary-contrast-light);
57
- --color-primary-contrast-500: var(--color-primary-contrast-light);
58
- --color-primary-contrast-600: var(--color-primary-contrast-light);
59
- --color-primary-contrast-700: var(--color-primary-contrast-light);
60
- --color-primary-contrast-800: var(--color-primary-contrast-light);
61
- --color-primary-contrast-900: var(--color-primary-contrast-light);
62
- --color-primary-contrast-950: var(--color-primary-contrast-light);
63
-
64
- /* Secondary Colors */
65
- --color-secondary-50: oklch(100% 0 none);
66
- --color-secondary-100: oklch(92.02% 0.04 56.93deg);
67
- --color-secondary-200: oklch(84.06% 0.08 54.85deg);
68
- --color-secondary-300: oklch(76.66% 0.12 53.95deg);
69
- --color-secondary-400: oklch(69.69% 0.15 50.67deg);
70
- --color-secondary-500: oklch(63.83% 0.18 44.57deg);
71
- --color-secondary-600: oklch(60.17% 0.18 43.16deg);
72
- --color-secondary-700: oklch(56.48% 0.17 41.6deg);
73
- --color-secondary-800: oklch(52.69% 0.16 40.52deg);
74
- --color-secondary-900: oklch(48.91% 0.15 38.6deg);
75
- --color-secondary-950: oklch(45.09% 0.15 36.44deg);
76
- --color-secondary-contrast-dark: var(--color-secondary-950);
77
- --color-secondary-contrast-light: var(--color-secondary-50);
78
- --color-secondary-contrast-50: var(--color-secondary-contrast-dark);
79
- --color-secondary-contrast-100: var(--color-secondary-contrast-dark);
80
- --color-secondary-contrast-200: var(--color-secondary-contrast-dark);
81
- --color-secondary-contrast-300: var(--color-secondary-contrast-dark);
82
- --color-secondary-contrast-400: var(--color-secondary-contrast-light);
83
- --color-secondary-contrast-500: var(--color-secondary-contrast-light);
84
- --color-secondary-contrast-600: var(--color-secondary-contrast-light);
85
- --color-secondary-contrast-700: var(--color-secondary-contrast-light);
86
- --color-secondary-contrast-800: var(--color-secondary-contrast-light);
87
- --color-secondary-contrast-900: var(--color-secondary-contrast-light);
88
- --color-secondary-contrast-950: var(--color-secondary-contrast-light);
89
-
90
- /* Tertiary Colors */
91
- --color-tertiary-50: oklch(100% 0 none);
92
- --color-tertiary-100: oklch(91.02% 0.03 239.84deg);
93
- --color-tertiary-200: oklch(81.89% 0.07 242.23deg);
94
- --color-tertiary-300: oklch(73.25% 0.1 243.03deg);
95
- --color-tertiary-400: oklch(64.86% 0.14 246.03deg);
96
- --color-tertiary-500: oklch(57.51% 0.16 250.54deg);
97
- --color-tertiary-600: oklch(53.76% 0.16 252.89deg);
98
- --color-tertiary-700: oklch(49.99% 0.16 255.29deg);
99
- --color-tertiary-800: oklch(46.26% 0.16 257.75deg);
100
- --color-tertiary-900: oklch(42.46% 0.16 260.05deg);
101
- --color-tertiary-950: oklch(38.66% 0.16 262.13deg);
102
- --color-tertiary-contrast-dark: var(--color-tertiary-950);
103
- --color-tertiary-contrast-light: var(--color-tertiary-50);
104
- --color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
105
- --color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
106
- --color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
107
- --color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
108
- --color-tertiary-contrast-400: var(--color-tertiary-contrast-light);
109
- --color-tertiary-contrast-500: var(--color-tertiary-contrast-light);
110
- --color-tertiary-contrast-600: var(--color-tertiary-contrast-light);
111
- --color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
112
- --color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
113
- --color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
114
- --color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
115
-
116
- /* Success Colors */
117
- --color-success-50: oklch(100% 0 none);
118
- --color-success-100: oklch(92.84% 0.04 120.75deg);
119
- --color-success-200: oklch(85.91% 0.08 122.19deg);
120
- --color-success-300: oklch(78.79% 0.12 123.79deg);
121
- --color-success-400: oklch(72.08% 0.15 125.47deg);
122
- --color-success-500: oklch(65.33% 0.17 127.94deg);
123
- --color-success-600: oklch(60.9% 0.16 127.69deg);
124
- --color-success-700: oklch(56.39% 0.14 127.39deg);
125
- --color-success-800: oklch(51.72% 0.13 127.41deg);
126
- --color-success-900: oklch(47.01% 0.12 127.01deg);
127
- --color-success-950: oklch(42.19% 0.1 126.49deg);
128
- --color-success-contrast-dark: var(--color-success-950);
129
- --color-success-contrast-light: var(--color-success-50);
130
- --color-success-contrast-50: var(--color-success-contrast-dark);
131
- --color-success-contrast-100: var(--color-success-contrast-dark);
132
- --color-success-contrast-200: var(--color-success-contrast-dark);
133
- --color-success-contrast-300: var(--color-success-contrast-dark);
134
- --color-success-contrast-400: var(--color-success-contrast-dark);
135
- --color-success-contrast-500: var(--color-success-contrast-light);
136
- --color-success-contrast-600: var(--color-success-contrast-light);
137
- --color-success-contrast-700: var(--color-success-contrast-light);
138
- --color-success-contrast-800: var(--color-success-contrast-light);
139
- --color-success-contrast-900: var(--color-success-contrast-light);
140
- --color-success-contrast-950: var(--color-success-contrast-light);
141
-
142
- /* Warning Colors */
143
- --color-warning-50: oklch(100% 0 none);
144
- --color-warning-100: oklch(94.18% 0.04 94.27deg);
145
- --color-warning-200: oklch(88.37% 0.08 95.33deg);
146
- --color-warning-300: oklch(82.58% 0.11 94.03deg);
147
- --color-warning-400: oklch(77.04% 0.13 93.57deg);
148
- --color-warning-500: oklch(71.79% 0.14 90.64deg);
149
- --color-warning-600: oklch(67.54% 0.14 90.18deg);
150
- --color-warning-700: oklch(63.12% 0.13 88.36deg);
151
- --color-warning-800: oklch(58.72% 0.12 87.66deg);
152
- --color-warning-900: oklch(54.14% 0.11 85.27deg);
153
- --color-warning-950: oklch(49.57% 0.1 84.14deg);
154
- --color-warning-contrast-dark: var(--color-warning-950);
155
- --color-warning-contrast-light: var(--color-warning-50);
156
- --color-warning-contrast-50: var(--color-warning-contrast-dark);
157
- --color-warning-contrast-100: var(--color-warning-contrast-dark);
158
- --color-warning-contrast-200: var(--color-warning-contrast-dark);
159
- --color-warning-contrast-300: var(--color-warning-contrast-dark);
160
- --color-warning-contrast-400: var(--color-warning-contrast-dark);
161
- --color-warning-contrast-500: var(--color-warning-contrast-light);
162
- --color-warning-contrast-600: var(--color-warning-contrast-light);
163
- --color-warning-contrast-700: var(--color-warning-contrast-light);
164
- --color-warning-contrast-800: var(--color-warning-contrast-light);
165
- --color-warning-contrast-900: var(--color-warning-contrast-light);
166
- --color-warning-contrast-950: var(--color-warning-contrast-light);
167
-
168
- /* Error Colors */
169
- --color-error-50: oklch(100% 0 none);
170
- --color-error-100: oklch(90.1% 0.04 12.28deg);
171
- --color-error-200: oklch(80.53% 0.09 12.75deg);
172
- --color-error-300: oklch(71.54% 0.14 14.79deg);
173
- --color-error-400: oklch(63.85% 0.18 17.92deg);
174
- --color-error-500: oklch(58.16% 0.21 22.85deg);
175
- --color-error-600: oklch(53.02% 0.19 22.7deg);
176
- --color-error-700: oklch(47.67% 0.17 22.71deg);
177
- --color-error-800: oklch(42.25% 0.15 22.49deg);
178
- --color-error-900: oklch(36.57% 0.13 22.46deg);
179
- --color-error-950: oklch(30.75% 0.11 22.06deg);
180
- --color-error-contrast-dark: var(--color-error-950);
181
- --color-error-contrast-light: var(--color-error-50);
182
- --color-error-contrast-50: var(--color-error-contrast-dark);
183
- --color-error-contrast-100: var(--color-error-contrast-dark);
184
- --color-error-contrast-200: var(--color-error-contrast-dark);
185
- --color-error-contrast-300: var(--color-error-contrast-dark);
186
- --color-error-contrast-400: var(--color-error-contrast-dark);
187
- --color-error-contrast-500: var(--color-error-contrast-light);
188
- --color-error-contrast-600: var(--color-error-contrast-light);
189
- --color-error-contrast-700: var(--color-error-contrast-light);
190
- --color-error-contrast-800: var(--color-error-contrast-light);
191
- --color-error-contrast-900: var(--color-error-contrast-light);
192
- --color-error-contrast-950: var(--color-error-contrast-light);
193
-
194
- /* Surface Colors */
195
- --color-surface-50: oklch(100% 0 none);
196
- --color-surface-100: oklch(89.43% 0.04 261.71deg);
197
- --color-surface-200: oklch(78.91% 0.09 261.69deg);
198
- --color-surface-300: oklch(68.77% 0.13 260.58deg);
199
- --color-surface-400: oklch(59% 0.18 260.54deg);
200
- --color-surface-500: oklch(50.57% 0.22 261.54deg);
201
- --color-surface-600: oklch(46.58% 0.2 261.41deg);
202
- --color-surface-700: oklch(42.51% 0.18 261.24deg);
203
- --color-surface-800: oklch(38.37% 0.16 261.17deg);
204
- --color-surface-900: oklch(34.11% 0.13 260.96deg);
205
- --color-surface-950: oklch(29.76% 0.11 260.7deg);
206
- --color-surface-contrast-dark: var(--color-surface-950);
207
- --color-surface-contrast-light: var(--color-surface-50);
208
- --color-surface-contrast-50: var(--color-surface-contrast-dark);
209
- --color-surface-contrast-100: var(--color-surface-contrast-dark);
210
- --color-surface-contrast-200: var(--color-surface-contrast-dark);
211
- --color-surface-contrast-300: var(--color-surface-contrast-dark);
212
- --color-surface-contrast-400: var(--color-surface-contrast-light);
213
- --color-surface-contrast-500: var(--color-surface-contrast-light);
214
- --color-surface-contrast-600: var(--color-surface-contrast-light);
215
- --color-surface-contrast-700: var(--color-surface-contrast-light);
216
- --color-surface-contrast-800: var(--color-surface-contrast-light);
217
- --color-surface-contrast-900: var(--color-surface-contrast-light);
218
- --color-surface-contrast-950: var(--color-surface-contrast-light);
1
+ [data-theme='hkdev'] {
2
+ --text-scaling: 1.067;
3
+ --base-font-color: var(--color-surface-950);
4
+ --base-font-color-dark: var(--color-surface-50);
5
+ --base-font-family: mulish, system-ui, sans-serif;
6
+ --base-font-size: inherit;
7
+ --base-line-height: inherit;
8
+ --base-font-weight: normal;
9
+ --base-font-style: normal;
10
+ --base-letter-spacing: 0em;
11
+ --heading-font-color: var(--color-surface-950);
12
+ --heading-font-color-dark: var(--color-surface-50);
13
+ --heading-font-family: 'Guyot-Sans', system-ui, sans-serif;
14
+ --heading-font-weight: 900;
15
+ --heading-font-style: normal;
16
+ --heading-letter-spacing: inherit;
17
+ --anchor-font-color: var(--color-primary-500);
18
+ --anchor-font-color-dark: var(--color-primary-500);
19
+ --anchor-font-family: inherit;
20
+ --anchor-font-size: inherit;
21
+ --anchor-line-height: inherit;
22
+ --anchor-font-weight: inherit;
23
+ --anchor-font-style: inherit;
24
+ --anchor-letter-spacing: inherit;
25
+ --anchor-text-decoration: none;
26
+ --anchor-text-decoration-hover: underline;
27
+ --anchor-text-decoration-active: none;
28
+ --anchor-text-decoration-focus: none;
29
+ --spacing: 0.25rem;
30
+ --radius-base: 6px;
31
+ --radius-container: 12px;
32
+ --default-border-width: 1px;
33
+ --default-divide-width: 1px;
34
+ --default-ring-width: 1px;
35
+ --body-background-color: var(--color-surface-50);
36
+ --body-background-color-dark: var(--color-surface-950);
37
+
38
+ /* Primary Colors */
39
+ --color-primary-50: oklch(100% 0 none);
40
+ --color-primary-100: oklch(89.21% 0.06 344.59deg);
41
+ --color-primary-200: oklch(79.1% 0.13 346.59deg);
42
+ --color-primary-300: oklch(70.14% 0.19 348.99deg);
43
+ --color-primary-400: oklch(63.52% 0.23 352.85deg);
44
+ --color-primary-500: oklch(59.83% 0.24 358.78deg);
45
+ --color-primary-600: oklch(55.33% 0.22 358.81deg);
46
+ --color-primary-700: oklch(50.94% 0.2 359.11deg);
47
+ --color-primary-800: oklch(46.26% 0.18 359.76deg);
48
+ --color-primary-900: oklch(41.75% 0.16 0.47deg);
49
+ --color-primary-950: oklch(37.02% 0.14 1.33deg);
50
+ --color-primary-contrast-dark: var(--color-primary-950);
51
+ --color-primary-contrast-light: var(--color-primary-50);
52
+ --color-primary-contrast-50: var(--color-primary-contrast-dark);
53
+ --color-primary-contrast-100: var(--color-primary-contrast-dark);
54
+ --color-primary-contrast-200: var(--color-primary-contrast-dark);
55
+ --color-primary-contrast-300: var(--color-primary-contrast-dark);
56
+ --color-primary-contrast-400: var(--color-primary-contrast-light);
57
+ --color-primary-contrast-500: var(--color-primary-contrast-light);
58
+ --color-primary-contrast-600: var(--color-primary-contrast-light);
59
+ --color-primary-contrast-700: var(--color-primary-contrast-light);
60
+ --color-primary-contrast-800: var(--color-primary-contrast-light);
61
+ --color-primary-contrast-900: var(--color-primary-contrast-light);
62
+ --color-primary-contrast-950: var(--color-primary-contrast-light);
63
+
64
+ /* Secondary Colors */
65
+ --color-secondary-50: oklch(100% 0 none);
66
+ --color-secondary-100: oklch(92.02% 0.04 56.93deg);
67
+ --color-secondary-200: oklch(84.06% 0.08 54.85deg);
68
+ --color-secondary-300: oklch(76.66% 0.12 53.95deg);
69
+ --color-secondary-400: oklch(69.69% 0.15 50.67deg);
70
+ --color-secondary-500: oklch(63.83% 0.18 44.57deg);
71
+ --color-secondary-600: oklch(60.17% 0.18 43.16deg);
72
+ --color-secondary-700: oklch(56.48% 0.17 41.6deg);
73
+ --color-secondary-800: oklch(52.69% 0.16 40.52deg);
74
+ --color-secondary-900: oklch(48.91% 0.15 38.6deg);
75
+ --color-secondary-950: oklch(45.09% 0.15 36.44deg);
76
+ --color-secondary-contrast-dark: var(--color-secondary-950);
77
+ --color-secondary-contrast-light: var(--color-secondary-50);
78
+ --color-secondary-contrast-50: var(--color-secondary-contrast-dark);
79
+ --color-secondary-contrast-100: var(--color-secondary-contrast-dark);
80
+ --color-secondary-contrast-200: var(--color-secondary-contrast-dark);
81
+ --color-secondary-contrast-300: var(--color-secondary-contrast-dark);
82
+ --color-secondary-contrast-400: var(--color-secondary-contrast-light);
83
+ --color-secondary-contrast-500: var(--color-secondary-contrast-light);
84
+ --color-secondary-contrast-600: var(--color-secondary-contrast-light);
85
+ --color-secondary-contrast-700: var(--color-secondary-contrast-light);
86
+ --color-secondary-contrast-800: var(--color-secondary-contrast-light);
87
+ --color-secondary-contrast-900: var(--color-secondary-contrast-light);
88
+ --color-secondary-contrast-950: var(--color-secondary-contrast-light);
89
+
90
+ /* Tertiary Colors */
91
+ --color-tertiary-50: oklch(100% 0 none);
92
+ --color-tertiary-100: oklch(91.02% 0.03 239.84deg);
93
+ --color-tertiary-200: oklch(81.89% 0.07 242.23deg);
94
+ --color-tertiary-300: oklch(73.25% 0.1 243.03deg);
95
+ --color-tertiary-400: oklch(64.86% 0.14 246.03deg);
96
+ --color-tertiary-500: oklch(57.51% 0.16 250.54deg);
97
+ --color-tertiary-600: oklch(53.76% 0.16 252.89deg);
98
+ --color-tertiary-700: oklch(49.99% 0.16 255.29deg);
99
+ --color-tertiary-800: oklch(46.26% 0.16 257.75deg);
100
+ --color-tertiary-900: oklch(42.46% 0.16 260.05deg);
101
+ --color-tertiary-950: oklch(38.66% 0.16 262.13deg);
102
+ --color-tertiary-contrast-dark: var(--color-tertiary-950);
103
+ --color-tertiary-contrast-light: var(--color-tertiary-50);
104
+ --color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
105
+ --color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
106
+ --color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
107
+ --color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
108
+ --color-tertiary-contrast-400: var(--color-tertiary-contrast-light);
109
+ --color-tertiary-contrast-500: var(--color-tertiary-contrast-light);
110
+ --color-tertiary-contrast-600: var(--color-tertiary-contrast-light);
111
+ --color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
112
+ --color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
113
+ --color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
114
+ --color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
115
+
116
+ /* Success Colors */
117
+ --color-success-50: oklch(100% 0 none);
118
+ --color-success-100: oklch(92.84% 0.04 120.75deg);
119
+ --color-success-200: oklch(85.91% 0.08 122.19deg);
120
+ --color-success-300: oklch(78.79% 0.12 123.79deg);
121
+ --color-success-400: oklch(72.08% 0.15 125.47deg);
122
+ --color-success-500: oklch(65.33% 0.17 127.94deg);
123
+ --color-success-600: oklch(60.9% 0.16 127.69deg);
124
+ --color-success-700: oklch(56.39% 0.14 127.39deg);
125
+ --color-success-800: oklch(51.72% 0.13 127.41deg);
126
+ --color-success-900: oklch(47.01% 0.12 127.01deg);
127
+ --color-success-950: oklch(42.19% 0.1 126.49deg);
128
+ --color-success-contrast-dark: var(--color-success-950);
129
+ --color-success-contrast-light: var(--color-success-50);
130
+ --color-success-contrast-50: var(--color-success-contrast-dark);
131
+ --color-success-contrast-100: var(--color-success-contrast-dark);
132
+ --color-success-contrast-200: var(--color-success-contrast-dark);
133
+ --color-success-contrast-300: var(--color-success-contrast-dark);
134
+ --color-success-contrast-400: var(--color-success-contrast-dark);
135
+ --color-success-contrast-500: var(--color-success-contrast-light);
136
+ --color-success-contrast-600: var(--color-success-contrast-light);
137
+ --color-success-contrast-700: var(--color-success-contrast-light);
138
+ --color-success-contrast-800: var(--color-success-contrast-light);
139
+ --color-success-contrast-900: var(--color-success-contrast-light);
140
+ --color-success-contrast-950: var(--color-success-contrast-light);
141
+
142
+ /* Warning Colors */
143
+ --color-warning-50: oklch(100% 0 none);
144
+ --color-warning-100: oklch(94.18% 0.04 94.27deg);
145
+ --color-warning-200: oklch(88.37% 0.08 95.33deg);
146
+ --color-warning-300: oklch(82.58% 0.11 94.03deg);
147
+ --color-warning-400: oklch(77.04% 0.13 93.57deg);
148
+ --color-warning-500: oklch(71.79% 0.14 90.64deg);
149
+ --color-warning-600: oklch(67.54% 0.14 90.18deg);
150
+ --color-warning-700: oklch(63.12% 0.13 88.36deg);
151
+ --color-warning-800: oklch(58.72% 0.12 87.66deg);
152
+ --color-warning-900: oklch(54.14% 0.11 85.27deg);
153
+ --color-warning-950: oklch(49.57% 0.1 84.14deg);
154
+ --color-warning-contrast-dark: var(--color-warning-950);
155
+ --color-warning-contrast-light: var(--color-warning-50);
156
+ --color-warning-contrast-50: var(--color-warning-contrast-dark);
157
+ --color-warning-contrast-100: var(--color-warning-contrast-dark);
158
+ --color-warning-contrast-200: var(--color-warning-contrast-dark);
159
+ --color-warning-contrast-300: var(--color-warning-contrast-dark);
160
+ --color-warning-contrast-400: var(--color-warning-contrast-dark);
161
+ --color-warning-contrast-500: var(--color-warning-contrast-light);
162
+ --color-warning-contrast-600: var(--color-warning-contrast-light);
163
+ --color-warning-contrast-700: var(--color-warning-contrast-light);
164
+ --color-warning-contrast-800: var(--color-warning-contrast-light);
165
+ --color-warning-contrast-900: var(--color-warning-contrast-light);
166
+ --color-warning-contrast-950: var(--color-warning-contrast-light);
167
+
168
+ /* Error Colors */
169
+ --color-error-50: oklch(100% 0 none);
170
+ --color-error-100: oklch(90.1% 0.04 12.28deg);
171
+ --color-error-200: oklch(80.53% 0.09 12.75deg);
172
+ --color-error-300: oklch(71.54% 0.14 14.79deg);
173
+ --color-error-400: oklch(63.85% 0.18 17.92deg);
174
+ --color-error-500: oklch(58.16% 0.21 22.85deg);
175
+ --color-error-600: oklch(53.02% 0.19 22.7deg);
176
+ --color-error-700: oklch(47.67% 0.17 22.71deg);
177
+ --color-error-800: oklch(42.25% 0.15 22.49deg);
178
+ --color-error-900: oklch(36.57% 0.13 22.46deg);
179
+ --color-error-950: oklch(30.75% 0.11 22.06deg);
180
+ --color-error-contrast-dark: var(--color-error-950);
181
+ --color-error-contrast-light: var(--color-error-50);
182
+ --color-error-contrast-50: var(--color-error-contrast-dark);
183
+ --color-error-contrast-100: var(--color-error-contrast-dark);
184
+ --color-error-contrast-200: var(--color-error-contrast-dark);
185
+ --color-error-contrast-300: var(--color-error-contrast-dark);
186
+ --color-error-contrast-400: var(--color-error-contrast-dark);
187
+ --color-error-contrast-500: var(--color-error-contrast-light);
188
+ --color-error-contrast-600: var(--color-error-contrast-light);
189
+ --color-error-contrast-700: var(--color-error-contrast-light);
190
+ --color-error-contrast-800: var(--color-error-contrast-light);
191
+ --color-error-contrast-900: var(--color-error-contrast-light);
192
+ --color-error-contrast-950: var(--color-error-contrast-light);
193
+
194
+ /* Surface Colors */
195
+ --color-surface-50: oklch(100% 0 none);
196
+ --color-surface-100: oklch(89.43% 0.04 261.71deg);
197
+ --color-surface-200: oklch(78.91% 0.09 261.69deg);
198
+ --color-surface-300: oklch(68.77% 0.13 260.58deg);
199
+ --color-surface-400: oklch(59% 0.18 260.54deg);
200
+ --color-surface-500: oklch(50.57% 0.22 261.54deg);
201
+ --color-surface-600: oklch(46.58% 0.2 261.41deg);
202
+ --color-surface-700: oklch(42.51% 0.18 261.24deg);
203
+ --color-surface-800: oklch(38.37% 0.16 261.17deg);
204
+ --color-surface-900: oklch(34.11% 0.13 260.96deg);
205
+ --color-surface-950: oklch(29.76% 0.11 260.7deg);
206
+ --color-surface-contrast-dark: var(--color-surface-950);
207
+ --color-surface-contrast-light: var(--color-surface-50);
208
+ --color-surface-contrast-50: var(--color-surface-contrast-dark);
209
+ --color-surface-contrast-100: var(--color-surface-contrast-dark);
210
+ --color-surface-contrast-200: var(--color-surface-contrast-dark);
211
+ --color-surface-contrast-300: var(--color-surface-contrast-dark);
212
+ --color-surface-contrast-400: var(--color-surface-contrast-light);
213
+ --color-surface-contrast-500: var(--color-surface-contrast-light);
214
+ --color-surface-contrast-600: var(--color-surface-contrast-light);
215
+ --color-surface-contrast-700: var(--color-surface-contrast-light);
216
+ --color-surface-contrast-800: var(--color-surface-contrast-light);
217
+ --color-surface-contrast-900: var(--color-surface-contrast-light);
218
+ --color-surface-contrast-950: var(--color-surface-contrast-light);
219
219
  }
package/dist/design/utils/clamp.js CHANGED
@@ -1,66 +1,66 @@
1
- import { getRootCssVar } from '../../util/css/index.js';
2
-
3
- /**
4
- * Cache to that ensures we parse CSS clamp parameters only once
5
- * @type {Object.<string, {min: number, max: number}>}
6
- */
7
- let clampParamCache = {};
8
-
9
- /**
10
- * Extract clamp parameters from a CSS variable
11
- *
12
- * @param {string} varName - CSS variable name without '--'
13
- * @returns {Object} Object with min and max values
14
- * @throws {Error} If the CSS variable doesn't exist or doesn't contain a valid clamp function
15
- */
16
- export function getClampParams(varName) {
17
- // Check cache first
18
- if (clampParamCache[varName]) {
19
- return clampParamCache[varName];
20
- }
21
-
22
- // Get the CSS variable value using the existing utility
23
- const declaration = getRootCssVar(varName);
24
-
25
- if (declaration === null) {
26
- throw new Error(`CSS variable --${varName} not found`);
27
- }
28
-
29
- // Parse clamp() function values
30
- const clampMatch =
31
- typeof declaration === 'string'
32
- ? declaration.match(
33
- /clamp\s*\(\s*([\d.]+)\s*,\s*[^,]+\s*,\s*([\d.]+)\s*\)/
34
- )
35
- : null;
36
-
37
- if (!clampMatch || clampMatch.length < 3) {
38
- // console.log(declaration);
39
- throw new Error(
40
- `CSS variable --${varName} does not contain a valid clamp function`
41
- );
42
- }
43
-
44
- const min = parseFloat(clampMatch[1]);
45
- const max = parseFloat(clampMatch[2]);
46
-
47
- if (isNaN(min) || isNaN(max)) {
48
- throw new Error(`Invalid min/max values in CSS variable --${varName}`);
49
- }
50
-
51
- // Cache the result
52
- clampParamCache[varName] = { min, max };
53
- return { min, max };
54
- }
55
-
56
- /**
57
- * CSS clamp function implementation
58
- *
59
- * @param {number} min - Minimum value
60
- * @param {number} value - Value to clamp
61
- * @param {number} max - Maximum value
62
- * @returns {number} Clamped value
63
- */
64
- export function clamp(min, value, max) {
65
- return Math.max(min, Math.min(value, max));
66
- }
1
+ import { getRootCssVar } from '../../util/css/index.js';
2
+
3
+ /**
4
+ * Cache to that ensures we parse CSS clamp parameters only once
5
+ * @type {Object.<string, {min: number, max: number}>}
6
+ */
7
+ let clampParamCache = {};
8
+
9
+ /**
10
+ * Extract clamp parameters from a CSS variable
11
+ *
12
+ * @param {string} varName - CSS variable name without '--'
13
+ * @returns {Object} Object with min and max values
14
+ * @throws {Error} If the CSS variable doesn't exist or doesn't contain a valid clamp function
15
+ */
16
+ export function getClampParams(varName) {
17
+ // Check cache first
18
+ if (clampParamCache[varName]) {
19
+ return clampParamCache[varName];
20
+ }
21
+
22
+ // Get the CSS variable value using the existing utility
23
+ const declaration = getRootCssVar(varName);
24
+
25
+ if (declaration === null) {
26
+ throw new Error(`CSS variable --${varName} not found`);
27
+ }
28
+
29
+ // Parse clamp() function values
30
+ const clampMatch =
31
+ typeof declaration === 'string'
32
+ ? declaration.match(
33
+ /clamp\s*\(\s*([\d.]+)\s*,\s*[^,]+\s*,\s*([\d.]+)\s*\)/
34
+ )
35
+ : null;
36
+
37
+ if (!clampMatch || clampMatch.length < 3) {
38
+ // console.log(declaration);
39
+ throw new Error(
40
+ `CSS variable --${varName} does not contain a valid clamp function`
41
+ );
42
+ }
43
+
44
+ const min = parseFloat(clampMatch[1]);
45
+ const max = parseFloat(clampMatch[2]);
46
+
47
+ if (isNaN(min) || isNaN(max)) {
48
+ throw new Error(`Invalid min/max values in CSS variable --${varName}`);
49
+ }
50
+
51
+ // Cache the result
52
+ clampParamCache[varName] = { min, max };
53
+ return { min, max };
54
+ }
55
+
56
+ /**
57
+ * CSS clamp function implementation
58
+ *
59
+ * @param {number} min - Minimum value
60
+ * @param {number} value - Value to clamp
61
+ * @param {number} max - Maximum value
62
+ * @returns {number} Clamped value
63
+ */
64
+ export function clamp(min, value, max) {
65
+ return Math.max(min, Math.min(value, max));
66
+ }