@hkdigital/lib-sveltekit 0.1.62 → 0.1.65

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 (209) hide show
  1. package/README.md +135 -135
  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 +243 -243
  5. package/dist/classes/data/Selector.js +190 -190
  6. package/dist/classes/data/index.js +2 -2
  7. package/dist/classes/index.js +4 -4
  8. package/dist/classes/promise/HkPromise.js +377 -377
  9. package/dist/classes/promise/index.js +1 -1
  10. package/dist/classes/stores/SubscribersCount.js +107 -107
  11. package/dist/classes/stores/index.js +1 -1
  12. package/dist/classes/streams/LogTransformStream.js +19 -19
  13. package/dist/classes/streams/ServerEventsStore.js +110 -110
  14. package/dist/classes/streams/TimeStampSource.js +26 -26
  15. package/dist/classes/streams/index.js +3 -3
  16. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  17. package/dist/classes/svelte/audio/AudioScene.svelte.js +295 -295
  18. package/dist/classes/svelte/audio/mocks.js +35 -35
  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/image/ImageLoader.svelte.js +47 -47
  22. package/dist/classes/svelte/image/ImageScene.svelte.js +253 -253
  23. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  24. package/dist/classes/svelte/image/index.js +4 -4
  25. package/dist/classes/svelte/image/mocks.js +35 -35
  26. package/dist/classes/svelte/image/typedef.js +8 -8
  27. package/dist/classes/svelte/index.js +14 -14
  28. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  29. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  30. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  31. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +331 -331
  32. package/dist/classes/svelte/network-loader/constants.js +3 -3
  33. package/dist/classes/svelte/network-loader/index.js +3 -3
  34. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  35. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  36. package/dist/components/area/HkArea.svelte +49 -49
  37. package/dist/components/area/HkGridArea.svelte +77 -77
  38. package/dist/components/area/index.js +2 -2
  39. package/dist/components/buttons/button/Button.svelte +82 -82
  40. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  41. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  42. package/dist/components/buttons/index.js +3 -3
  43. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  44. package/dist/components/debug/index.js +1 -1
  45. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  46. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  47. package/dist/components/icons/HkIcon.svelte +86 -86
  48. package/dist/components/icons/HkTabIcon.svelte +116 -116
  49. package/dist/components/icons/SteezeIcon.svelte +97 -97
  50. package/dist/components/icons/index.js +6 -6
  51. package/dist/components/icons/typedef.js +16 -16
  52. package/dist/components/index.js +2 -2
  53. package/dist/components/inputs/index.js +1 -1
  54. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  55. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  56. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  57. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  58. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  59. package/dist/components/layout/grid-layers/GridLayers.svelte +167 -167
  60. package/dist/components/layout/index.js +1 -1
  61. package/dist/components/panels/index.js +1 -1
  62. package/dist/components/panels/panel/Panel.svelte +43 -43
  63. package/dist/components/rows/index.js +3 -3
  64. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  65. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  66. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  67. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  68. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  69. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  70. package/dist/components/tab-bar/index.js +17 -17
  71. package/dist/components/tab-bar/typedef.js +8 -8
  72. package/dist/config/imagetools-config.js +189 -189
  73. package/dist/config/imagetools.d.ts +71 -71
  74. package/dist/config/typedef.js +8 -8
  75. package/dist/constants/bases.js +13 -13
  76. package/dist/constants/errors/api.js +9 -9
  77. package/dist/constants/errors/generic.js +5 -5
  78. package/dist/constants/errors/index.js +3 -3
  79. package/dist/constants/errors/jwt.js +5 -5
  80. package/dist/constants/http/headers.js +6 -6
  81. package/dist/constants/http/index.js +2 -2
  82. package/dist/constants/http/methods.js +2 -2
  83. package/dist/constants/index.js +3 -3
  84. package/dist/constants/mime/application.js +5 -5
  85. package/dist/constants/mime/audio.js +13 -13
  86. package/dist/constants/mime/image.js +3 -3
  87. package/dist/constants/mime/index.js +4 -4
  88. package/dist/constants/mime/text.js +2 -2
  89. package/dist/constants/regexp/index.js +31 -31
  90. package/dist/constants/regexp/inspiratie.js__ +95 -95
  91. package/dist/constants/regexp/text.js +49 -49
  92. package/dist/constants/regexp/user.js +32 -32
  93. package/dist/constants/regexp/web.js +3 -3
  94. package/dist/constants/state-labels/input-states.js +11 -11
  95. package/dist/constants/state-labels/submit-states.js +4 -4
  96. package/dist/constants/time.js +28 -28
  97. package/dist/css/utilities.css +43 -43
  98. package/dist/design/design-config.js +73 -73
  99. package/dist/design/tailwind-theme-extend.js +158 -158
  100. package/dist/schemas/index.js +1 -1
  101. package/dist/schemas/validate-url.js +180 -180
  102. package/dist/server/index.js +1 -1
  103. package/dist/server/logger.js +94 -94
  104. package/dist/states/index.js +1 -1
  105. package/dist/states/navigation.svelte.js +55 -55
  106. package/dist/stores/index.js +1 -1
  107. package/dist/stores/theme.js +80 -80
  108. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  109. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  110. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  111. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  112. package/dist/themes/hkdev/components/buttons/button.css +142 -142
  113. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  114. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  115. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  116. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  117. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  118. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  119. package/dist/themes/hkdev/components.css +47 -47
  120. package/dist/themes/hkdev/debug.css +1 -1
  121. package/dist/themes/hkdev/global/layout.css +39 -39
  122. package/dist/themes/hkdev/global/on-colors.css +53 -53
  123. package/dist/themes/hkdev/globals.css +11 -11
  124. package/dist/themes/hkdev/responsive.css +12 -12
  125. package/dist/themes/hkdev/theme-ext.js +15 -15
  126. package/dist/themes/hkdev/theme.js +235 -235
  127. package/dist/themes/index.js +1 -1
  128. package/dist/util/array/index.js +455 -455
  129. package/dist/util/bases/base58.js +262 -262
  130. package/dist/util/bases/index.js +1 -1
  131. package/dist/util/compare/index.js +247 -247
  132. package/dist/util/css/css-vars.js +83 -83
  133. package/dist/util/css/index.js +1 -1
  134. package/dist/util/design-system/components/states.js +22 -22
  135. package/dist/util/design-system/css/clamp.js +66 -66
  136. package/dist/util/design-system/css/root-design-vars.js +100 -100
  137. package/dist/util/design-system/index.js +5 -5
  138. package/dist/util/design-system/layout/scaling.js +228 -228
  139. package/dist/util/design-system/skeleton.js +208 -208
  140. package/dist/util/design-system/tailwind.js +288 -288
  141. package/dist/util/expect/arrays.js +47 -47
  142. package/dist/util/expect/index.js +259 -259
  143. package/dist/util/expect/primitives.js +55 -55
  144. package/dist/util/expect/url.js +60 -60
  145. package/dist/util/function/index.js +218 -218
  146. package/dist/util/http/errors.js +97 -97
  147. package/dist/util/http/headers.js +45 -45
  148. package/dist/util/http/http-request.js +294 -294
  149. package/dist/util/http/index.js +22 -22
  150. package/dist/util/http/json-request.js +143 -143
  151. package/dist/util/http/mocks.js +65 -65
  152. package/dist/util/http/response.js +241 -241
  153. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  154. package/dist/util/http/url.js +52 -52
  155. package/dist/util/image/index.js +86 -86
  156. package/dist/util/index.js +2 -2
  157. package/dist/util/is/index.js +140 -140
  158. package/dist/util/iterate/index.js +234 -234
  159. package/dist/util/object/index.js +1361 -1361
  160. package/dist/util/singleton/index.js +97 -97
  161. package/dist/util/string/array-path.js +75 -75
  162. package/dist/util/string/convert.js +54 -54
  163. package/dist/util/string/fs.js +226 -226
  164. package/dist/util/string/index.js +5 -5
  165. package/dist/util/string/interpolate.js +61 -61
  166. package/dist/util/string/pad.js +10 -10
  167. package/dist/util/svelte/index.js +4 -4
  168. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  169. package/dist/util/svelte/observe/index.js +49 -49
  170. package/dist/util/svelte/state-context/index.js +83 -83
  171. package/dist/util/svelte/wait/index.js +38 -38
  172. package/dist/util/sveltekit/index.js +1 -1
  173. package/dist/util/sveltekit/route-folders/index.js +101 -101
  174. package/dist/util/time/index.js +323 -323
  175. package/dist/util/unique/index.js +249 -249
  176. package/dist/valibot/date.js__ +10 -10
  177. package/dist/valibot/index.js +9 -9
  178. package/dist/valibot/url.js +95 -95
  179. package/dist/valibot/user.js +23 -23
  180. package/dist/widgets/button-group/ButtonGroup.svelte +82 -94
  181. package/dist/widgets/button-group/ButtonGroup.svelte.d.ts +0 -2
  182. package/dist/widgets/button-group/typedef.js +10 -10
  183. package/dist/widgets/compare-left-right/CompareLeftRight.svelte +179 -179
  184. package/dist/widgets/compare-left-right/index.js +1 -1
  185. package/dist/widgets/game-box/GameBox.svelte +579 -186
  186. package/dist/widgets/game-box/GameBox.svelte.d.ts +64 -4
  187. package/dist/widgets/game-box/gamebox.util.js +83 -83
  188. package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  189. package/dist/widgets/hk-app-layout/HkAppLayout.svelte +251 -251
  190. package/dist/widgets/image-box/ImageBox.svelte +212 -212
  191. package/dist/widgets/image-box/index.js +5 -5
  192. package/dist/widgets/image-box/typedef.js +32 -32
  193. package/dist/widgets/index.js +23 -23
  194. package/dist/widgets/presenter/(broken) Presenter.state.svelte.js__ +613 -0
  195. package/dist/widgets/presenter/ImageSlide.svelte +64 -64
  196. package/dist/widgets/presenter/Presenter.state.svelte.js +636 -636
  197. package/dist/widgets/presenter/Presenter.svelte +140 -140
  198. package/dist/widgets/presenter/Presenter.svelte__ +125 -0
  199. package/dist/widgets/presenter/constants.js +7 -7
  200. package/dist/widgets/presenter/index.js +10 -10
  201. package/dist/widgets/presenter/typedef.js +106 -106
  202. package/dist/widgets/presenter/util.js +210 -210
  203. package/dist/widgets/virtual-viewport/VirtualViewport.svelte +196 -196
  204. package/dist/zod/all.js +33 -33
  205. package/dist/zod/generic.js +11 -11
  206. package/dist/zod/javascript.js +32 -32
  207. package/dist/zod/user.js +16 -16
  208. package/dist/zod/web.js +52 -52
  209. package/package.json +102 -102
package/dist/themes/hkdev/theme-ext.js CHANGED
@@ -1,15 +1,15 @@
1
- import theme from '../hkdev/theme.js';
2
-
3
- import { theme as themeStore } from '../../stores/index.js';
4
-
5
- /**
6
- * Set meta them color for the current theme
7
- */
8
- export function setMetaThemeColor() {
9
- const props = theme.properties;
10
-
11
- themeStore.setMetaThemeColor(`rgb( ${props['--color-surface-950']})`);
12
-
13
- // setMetaThemeColorDark(`rgb( ${props['--color-primary-950']})`);
14
- // setMetaThemeColorBase(`rgb( ${props['--color-primary-50']})`);
15
- }
1
+ import theme from '../hkdev/theme.js';
2
+
3
+ import { theme as themeStore } from '../../stores/index.js';
4
+
5
+ /**
6
+ * Set meta them color for the current theme
7
+ */
8
+ export function setMetaThemeColor() {
9
+ const props = theme.properties;
10
+
11
+ themeStore.setMetaThemeColor(`rgb( ${props['--color-surface-950']})`);
12
+
13
+ // setMetaThemeColorDark(`rgb( ${props['--color-primary-950']})`);
14
+ // setMetaThemeColorBase(`rgb( ${props['--color-primary-50']})`);
15
+ }
package/dist/themes/hkdev/theme.js CHANGED
@@ -1,235 +1,235 @@
1
- const theme = {
2
- name: 'hkdev',
3
- properties: {
4
- '--type-scale-factor': '1.067',
5
- '--type-scale-1': 'calc(0.75rem * var(--type-scale-factor))',
6
- '--type-scale-2': 'calc(0.875rem * var(--type-scale-factor))',
7
- '--type-scale-3': 'calc(1rem * var(--type-scale-factor))',
8
- '--type-scale-4': 'calc(1.125rem * var(--type-scale-factor))',
9
- '--type-scale-5': 'calc(1.25rem * var(--type-scale-factor))',
10
- '--type-scale-6': 'calc(1.5rem * var(--type-scale-factor))',
11
- '--type-scale-7': 'calc(1.875rem * var(--type-scale-factor))',
12
- '--type-scale-8': 'calc(2.25rem * var(--type-scale-factor))',
13
- '--type-scale-9': 'calc(3rem * var(--type-scale-factor))',
14
- '--type-scale-10': 'calc(3.75rem * var(--type-scale-factor))',
15
- '--type-scale-11': 'calc(4.5rem * var(--type-scale-factor))',
16
- '--type-scale-12': 'calc(6rem * var(--type-scale-factor))',
17
- '--type-scale-13': 'calc(8rem * var(--type-scale-factor))',
18
- '--base-font-color': 'var(--color-surface-950)',
19
- '--base-font-color-dark': 'var(--color-surface-50)',
20
- '--base-font-family': 'mulish, system-ui, sans-serif',
21
- '--base-font-size': 'inherit',
22
- '--base-line-height': 'inherit',
23
- '--base-font-weight': 'normal',
24
- '--base-font-style': 'normal',
25
- '--base-letter-spacing': '0em',
26
- '--heading-font-color': 'var(--color-surface-950)',
27
- '--heading-font-color-dark': 'var(--color-surface-50)',
28
- '--heading-font-family': 'Guyot-Sans, system-ui, sans-serif',
29
- '--heading-font-weight': '900',
30
- '--heading-font-style': 'normal',
31
- '--heading-letter-spacing': 'inherit',
32
- '--anchor-font-color': 'var(--color-primary-500)',
33
- '--anchor-font-color-dark': 'var(--color-primary-500)',
34
- '--anchor-font-family': 'inherit',
35
- '--anchor-font-size': 'inherit',
36
- '--anchor-line-height': 'inherit',
37
- '--anchor-font-weight': 'inherit',
38
- '--anchor-font-style': 'inherit',
39
- '--anchor-letter-spacing': 'inherit',
40
- '--anchor-text-decoration': 'none',
41
- '--anchor-text-decoration-hover': 'underline',
42
- '--anchor-text-decoration-active': 'none',
43
- '--anchor-text-decoration-focus': 'none',
44
- '--ui-font-color': 'var(--color-surface-950)',
45
- '--ui-font-color-dark': 'var(--color-surface-50)',
46
- '--ui-font-family': 'Source Sans Pro, system-ui, sans-serif',
47
- '--ui-font-size': 'inherit',
48
- '--ui-line-height': 'inherit',
49
- '--ui-font-weight': 'normal',
50
- '--ui-font-style': 'normal',
51
- '--ui-letter-spacing': '0em',
52
- '--space-scale-factor': '1',
53
- '--radii-default': '6px',
54
- '--radii-container': '12px',
55
- '--border-width-default': '1px',
56
- '--divide-width-default': '1px',
57
- '--outline-width-default': '1px',
58
- '--ring-width-default': '1px',
59
- '--body-background-color': 'var(--color-surface-50)',
60
- '--body-background-color-dark': 'var(--color-surface-950)',
61
- '--color-primary-50': '255 255 255',
62
- '--color-primary-100': '250 204 229',
63
- '--color-primary-200': '245 153 203',
64
- '--color-primary-300': '239 102 177',
65
- '--color-primary-400': '234 51 151',
66
- '--color-primary-500': '229 0 125',
67
- '--color-primary-600': '206 3 112',
68
- '--color-primary-700': '184 6 99',
69
- '--color-primary-800': '161 9 85',
70
- '--color-primary-900': '139 12 72',
71
- '--color-primary-950': '116 15 59',
72
- '--color-primary-contrast-dark': 'var(--color-primary-950)',
73
- '--color-primary-contrast-light': 'var(--color-primary-50)',
74
- '--color-primary-contrast-50': 'var(--color-primary-contrast-dark)',
75
- '--color-primary-contrast-100': 'var(--color-primary-contrast-dark)',
76
- '--color-primary-contrast-200': 'var(--color-primary-contrast-dark)',
77
- '--color-primary-contrast-300': 'var(--color-primary-contrast-dark)',
78
- '--color-primary-contrast-400': 'var(--color-primary-contrast-light)',
79
- '--color-primary-contrast-500': 'var(--color-primary-contrast-light)',
80
- '--color-primary-contrast-600': 'var(--color-primary-contrast-light)',
81
- '--color-primary-contrast-700': 'var(--color-primary-contrast-light)',
82
- '--color-primary-contrast-800': 'var(--color-primary-contrast-light)',
83
- '--color-primary-contrast-900': 'var(--color-primary-contrast-light)',
84
- '--color-primary-contrast-950': 'var(--color-primary-contrast-light)',
85
- '--color-secondary-50': '255 255 255',
86
- '--color-secondary-100': '249 223 205',
87
- '--color-secondary-200': '243 190 155',
88
- '--color-secondary-300': '237 158 105',
89
- '--color-secondary-400': '231 125 55',
90
- '--color-secondary-500': '225 93 5',
91
- '--color-secondary-600': '210 83 6',
92
- '--color-secondary-700': '195 73 7',
93
- '--color-secondary-800': '179 64 7',
94
- '--color-secondary-900': '164 54 8',
95
- '--color-secondary-950': '149 44 9',
96
- '--color-secondary-contrast-dark': 'var(--color-secondary-950)',
97
- '--color-secondary-contrast-light': 'var(--color-secondary-50)',
98
- '--color-secondary-contrast-50': 'var(--color-secondary-contrast-dark)',
99
- '--color-secondary-contrast-100': 'var(--color-secondary-contrast-dark)',
100
- '--color-secondary-contrast-200': 'var(--color-secondary-contrast-dark)',
101
- '--color-secondary-contrast-300': 'var(--color-secondary-contrast-dark)',
102
- '--color-secondary-contrast-400': 'var(--color-secondary-contrast-light)',
103
- '--color-secondary-contrast-500': 'var(--color-secondary-contrast-light)',
104
- '--color-secondary-contrast-600': 'var(--color-secondary-contrast-light)',
105
- '--color-secondary-contrast-700': 'var(--color-secondary-contrast-light)',
106
- '--color-secondary-contrast-800': 'var(--color-secondary-contrast-light)',
107
- '--color-secondary-contrast-900': 'var(--color-secondary-contrast-light)',
108
- '--color-secondary-contrast-950': 'var(--color-secondary-contrast-light)',
109
- '--color-tertiary-50': '255 255 255',
110
- '--color-tertiary-100': '206 229 246',
111
- '--color-tertiary-200': '156 202 238',
112
- '--color-tertiary-300': '107 176 229',
113
- '--color-tertiary-400': '57 149 221',
114
- '--color-tertiary-500': '8 123 212',
115
- '--color-tertiary-600': '8 110 200',
116
- '--color-tertiary-700': '9 97 188',
117
- '--color-tertiary-800': '9 84 177',
118
- '--color-tertiary-900': '10 71 165',
119
- '--color-tertiary-950': '10 58 153',
120
- '--color-tertiary-contrast-dark': 'var(--color-tertiary-950)',
121
- '--color-tertiary-contrast-light': 'var(--color-tertiary-50)',
122
- '--color-tertiary-contrast-50': 'var(--color-tertiary-contrast-dark)',
123
- '--color-tertiary-contrast-100': 'var(--color-tertiary-contrast-dark)',
124
- '--color-tertiary-contrast-200': 'var(--color-tertiary-contrast-dark)',
125
- '--color-tertiary-contrast-300': 'var(--color-tertiary-contrast-dark)',
126
- '--color-tertiary-contrast-400': 'var(--color-tertiary-contrast-light)',
127
- '--color-tertiary-contrast-500': 'var(--color-tertiary-contrast-light)',
128
- '--color-tertiary-contrast-600': 'var(--color-tertiary-contrast-light)',
129
- '--color-tertiary-contrast-700': 'var(--color-tertiary-contrast-light)',
130
- '--color-tertiary-contrast-800': 'var(--color-tertiary-contrast-light)',
131
- '--color-tertiary-contrast-900': 'var(--color-tertiary-contrast-light)',
132
- '--color-tertiary-contrast-950': 'var(--color-tertiary-contrast-light)',
133
- '--color-success-50': '255 255 255',
134
- '--color-success-100': '227 236 206',
135
- '--color-success-200': '199 218 157',
136
- '--color-success-300': '170 199 109',
137
- '--color-success-400': '142 181 60',
138
- '--color-success-500': '114 162 11',
139
- '--color-success-600': '104 147 11',
140
- '--color-success-700': '94 132 11',
141
- '--color-success-800': '83 117 10',
142
- '--color-success-900': '73 102 10',
143
- '--color-success-950': '63 87 10',
144
- '--color-success-contrast-dark': 'var(--color-success-950)',
145
- '--color-success-contrast-light': 'var(--color-success-50)',
146
- '--color-success-contrast-50': 'var(--color-success-contrast-dark)',
147
- '--color-success-contrast-100': 'var(--color-success-contrast-dark)',
148
- '--color-success-contrast-200': 'var(--color-success-contrast-dark)',
149
- '--color-success-contrast-300': 'var(--color-success-contrast-dark)',
150
- '--color-success-contrast-400': 'var(--color-success-contrast-dark)',
151
- '--color-success-contrast-500': 'var(--color-success-contrast-light)',
152
- '--color-success-contrast-600': 'var(--color-success-contrast-light)',
153
- '--color-success-contrast-700': 'var(--color-success-contrast-light)',
154
- '--color-success-contrast-800': 'var(--color-success-contrast-light)',
155
- '--color-success-contrast-900': 'var(--color-success-contrast-light)',
156
- '--color-success-contrast-950': 'var(--color-success-contrast-light)',
157
- '--color-warning-50': '255 255 255',
158
- '--color-warning-100': '244 236 207',
159
- '--color-warning-200': '232 217 159',
160
- '--color-warning-300': '221 197 112',
161
- '--color-warning-400': '209 178 64',
162
- '--color-warning-500': '198 159 16',
163
- '--color-warning-600': '183 146 13',
164
- '--color-warning-700': '169 132 10',
165
- '--color-warning-800': '154 119 6',
166
- '--color-warning-900': '140 105 3',
167
- '--color-warning-950': '125 92 0',
168
- '--color-warning-contrast-dark': 'var(--color-warning-950)',
169
- '--color-warning-contrast-light': 'var(--color-warning-50)',
170
- '--color-warning-contrast-50': 'var(--color-warning-contrast-dark)',
171
- '--color-warning-contrast-100': 'var(--color-warning-contrast-dark)',
172
- '--color-warning-contrast-200': 'var(--color-warning-contrast-dark)',
173
- '--color-warning-contrast-300': 'var(--color-warning-contrast-dark)',
174
- '--color-warning-contrast-400': 'var(--color-warning-contrast-dark)',
175
- '--color-warning-contrast-500': 'var(--color-warning-contrast-light)',
176
- '--color-warning-contrast-600': 'var(--color-warning-contrast-light)',
177
- '--color-warning-contrast-700': 'var(--color-warning-contrast-light)',
178
- '--color-warning-contrast-800': 'var(--color-warning-contrast-light)',
179
- '--color-warning-contrast-900': 'var(--color-warning-contrast-light)',
180
- '--color-warning-contrast-950': 'var(--color-warning-contrast-light)',
181
- '--color-error-50': '255 255 255',
182
- '--color-error-100': '248 212 215',
183
- '--color-error-200': '241 169 176',
184
- '--color-error-300': '235 125 136',
185
- '--color-error-400': '228 82 97',
186
- '--color-error-500': '221 39 57',
187
- '--color-error-600': '195 34 50',
188
- '--color-error-700': '169 28 42',
189
- '--color-error-800': '143 23 35',
190
- '--color-error-900': '117 17 27',
191
- '--color-error-950': '91 12 20',
192
- '--color-error-contrast-dark': 'var(--color-error-950)',
193
- '--color-error-contrast-light': 'var(--color-error-50)',
194
- '--color-error-contrast-50': 'var(--color-error-contrast-dark)',
195
- '--color-error-contrast-100': 'var(--color-error-contrast-dark)',
196
- '--color-error-contrast-200': 'var(--color-error-contrast-dark)',
197
- '--color-error-contrast-300': 'var(--color-error-contrast-dark)',
198
- '--color-error-contrast-400': 'var(--color-error-contrast-dark)',
199
- '--color-error-contrast-500': 'var(--color-error-contrast-light)',
200
- '--color-error-contrast-600': 'var(--color-error-contrast-light)',
201
- '--color-error-contrast-700': 'var(--color-error-contrast-light)',
202
- '--color-error-contrast-800': 'var(--color-error-contrast-light)',
203
- '--color-error-contrast-900': 'var(--color-error-contrast-light)',
204
- '--color-error-contrast-950': 'var(--color-error-contrast-light)',
205
- '--color-surface-50': '255 255 255',
206
- '--color-surface-100': '205 221 249',
207
- '--color-surface-200': '156 187 242',
208
- '--color-surface-300': '106 154 236',
209
- '--color-surface-400': '57 120 229',
210
- '--color-surface-500': '7 86 223',
211
- '--color-surface-600': '7 77 198',
212
- '--color-surface-700': '7 68 173',
213
- '--color-surface-800': '8 59 148',
214
- '--color-surface-900': '8 50 123',
215
- '--color-surface-950': '8 41 98',
216
- '--color-surface-contrast-dark': 'var(--color-surface-950)',
217
- '--color-surface-contrast-light': 'var(--color-surface-50)',
218
- '--color-surface-contrast-50': 'var(--color-surface-contrast-dark)',
219
- '--color-surface-contrast-100': 'var(--color-surface-contrast-dark)',
220
- '--color-surface-contrast-200': 'var(--color-surface-contrast-dark)',
221
- '--color-surface-contrast-300': 'var(--color-surface-contrast-dark)',
222
- '--color-surface-contrast-400': 'var(--color-surface-contrast-light)',
223
- '--color-surface-contrast-500': 'var(--color-surface-contrast-light)',
224
- '--color-surface-contrast-600': 'var(--color-surface-contrast-light)',
225
- '--color-surface-contrast-700': 'var(--color-surface-contrast-light)',
226
- '--color-surface-contrast-800': 'var(--color-surface-contrast-light)',
227
- '--color-surface-contrast-900': 'var(--color-surface-contrast-light)',
228
- '--color-surface-contrast-950': 'var(--color-surface-contrast-light)'
229
- },
230
- metadata: {
231
- version: '3.0.0'
232
- }
233
- };
234
-
235
- export default theme;
1
+ const theme = {
2
+ name: 'hkdev',
3
+ properties: {
4
+ '--type-scale-factor': '1.067',
5
+ '--type-scale-1': 'calc(0.75rem * var(--type-scale-factor))',
6
+ '--type-scale-2': 'calc(0.875rem * var(--type-scale-factor))',
7
+ '--type-scale-3': 'calc(1rem * var(--type-scale-factor))',
8
+ '--type-scale-4': 'calc(1.125rem * var(--type-scale-factor))',
9
+ '--type-scale-5': 'calc(1.25rem * var(--type-scale-factor))',
10
+ '--type-scale-6': 'calc(1.5rem * var(--type-scale-factor))',
11
+ '--type-scale-7': 'calc(1.875rem * var(--type-scale-factor))',
12
+ '--type-scale-8': 'calc(2.25rem * var(--type-scale-factor))',
13
+ '--type-scale-9': 'calc(3rem * var(--type-scale-factor))',
14
+ '--type-scale-10': 'calc(3.75rem * var(--type-scale-factor))',
15
+ '--type-scale-11': 'calc(4.5rem * var(--type-scale-factor))',
16
+ '--type-scale-12': 'calc(6rem * var(--type-scale-factor))',
17
+ '--type-scale-13': 'calc(8rem * var(--type-scale-factor))',
18
+ '--base-font-color': 'var(--color-surface-950)',
19
+ '--base-font-color-dark': 'var(--color-surface-50)',
20
+ '--base-font-family': 'mulish, system-ui, sans-serif',
21
+ '--base-font-size': 'inherit',
22
+ '--base-line-height': 'inherit',
23
+ '--base-font-weight': 'normal',
24
+ '--base-font-style': 'normal',
25
+ '--base-letter-spacing': '0em',
26
+ '--heading-font-color': 'var(--color-surface-950)',
27
+ '--heading-font-color-dark': 'var(--color-surface-50)',
28
+ '--heading-font-family': 'Guyot-Sans, system-ui, sans-serif',
29
+ '--heading-font-weight': '900',
30
+ '--heading-font-style': 'normal',
31
+ '--heading-letter-spacing': 'inherit',
32
+ '--anchor-font-color': 'var(--color-primary-500)',
33
+ '--anchor-font-color-dark': 'var(--color-primary-500)',
34
+ '--anchor-font-family': 'inherit',
35
+ '--anchor-font-size': 'inherit',
36
+ '--anchor-line-height': 'inherit',
37
+ '--anchor-font-weight': 'inherit',
38
+ '--anchor-font-style': 'inherit',
39
+ '--anchor-letter-spacing': 'inherit',
40
+ '--anchor-text-decoration': 'none',
41
+ '--anchor-text-decoration-hover': 'underline',
42
+ '--anchor-text-decoration-active': 'none',
43
+ '--anchor-text-decoration-focus': 'none',
44
+ '--ui-font-color': 'var(--color-surface-950)',
45
+ '--ui-font-color-dark': 'var(--color-surface-50)',
46
+ '--ui-font-family': 'Source Sans Pro, system-ui, sans-serif',
47
+ '--ui-font-size': 'inherit',
48
+ '--ui-line-height': 'inherit',
49
+ '--ui-font-weight': 'normal',
50
+ '--ui-font-style': 'normal',
51
+ '--ui-letter-spacing': '0em',
52
+ '--space-scale-factor': '1',
53
+ '--radii-default': '6px',
54
+ '--radii-container': '12px',
55
+ '--border-width-default': '1px',
56
+ '--divide-width-default': '1px',
57
+ '--outline-width-default': '1px',
58
+ '--ring-width-default': '1px',
59
+ '--body-background-color': 'var(--color-surface-50)',
60
+ '--body-background-color-dark': 'var(--color-surface-950)',
61
+ '--color-primary-50': '255 255 255',
62
+ '--color-primary-100': '250 204 229',
63
+ '--color-primary-200': '245 153 203',
64
+ '--color-primary-300': '239 102 177',
65
+ '--color-primary-400': '234 51 151',
66
+ '--color-primary-500': '229 0 125',
67
+ '--color-primary-600': '206 3 112',
68
+ '--color-primary-700': '184 6 99',
69
+ '--color-primary-800': '161 9 85',
70
+ '--color-primary-900': '139 12 72',
71
+ '--color-primary-950': '116 15 59',
72
+ '--color-primary-contrast-dark': 'var(--color-primary-950)',
73
+ '--color-primary-contrast-light': 'var(--color-primary-50)',
74
+ '--color-primary-contrast-50': 'var(--color-primary-contrast-dark)',
75
+ '--color-primary-contrast-100': 'var(--color-primary-contrast-dark)',
76
+ '--color-primary-contrast-200': 'var(--color-primary-contrast-dark)',
77
+ '--color-primary-contrast-300': 'var(--color-primary-contrast-dark)',
78
+ '--color-primary-contrast-400': 'var(--color-primary-contrast-light)',
79
+ '--color-primary-contrast-500': 'var(--color-primary-contrast-light)',
80
+ '--color-primary-contrast-600': 'var(--color-primary-contrast-light)',
81
+ '--color-primary-contrast-700': 'var(--color-primary-contrast-light)',
82
+ '--color-primary-contrast-800': 'var(--color-primary-contrast-light)',
83
+ '--color-primary-contrast-900': 'var(--color-primary-contrast-light)',
84
+ '--color-primary-contrast-950': 'var(--color-primary-contrast-light)',
85
+ '--color-secondary-50': '255 255 255',
86
+ '--color-secondary-100': '249 223 205',
87
+ '--color-secondary-200': '243 190 155',
88
+ '--color-secondary-300': '237 158 105',
89
+ '--color-secondary-400': '231 125 55',
90
+ '--color-secondary-500': '225 93 5',
91
+ '--color-secondary-600': '210 83 6',
92
+ '--color-secondary-700': '195 73 7',
93
+ '--color-secondary-800': '179 64 7',
94
+ '--color-secondary-900': '164 54 8',
95
+ '--color-secondary-950': '149 44 9',
96
+ '--color-secondary-contrast-dark': 'var(--color-secondary-950)',
97
+ '--color-secondary-contrast-light': 'var(--color-secondary-50)',
98
+ '--color-secondary-contrast-50': 'var(--color-secondary-contrast-dark)',
99
+ '--color-secondary-contrast-100': 'var(--color-secondary-contrast-dark)',
100
+ '--color-secondary-contrast-200': 'var(--color-secondary-contrast-dark)',
101
+ '--color-secondary-contrast-300': 'var(--color-secondary-contrast-dark)',
102
+ '--color-secondary-contrast-400': 'var(--color-secondary-contrast-light)',
103
+ '--color-secondary-contrast-500': 'var(--color-secondary-contrast-light)',
104
+ '--color-secondary-contrast-600': 'var(--color-secondary-contrast-light)',
105
+ '--color-secondary-contrast-700': 'var(--color-secondary-contrast-light)',
106
+ '--color-secondary-contrast-800': 'var(--color-secondary-contrast-light)',
107
+ '--color-secondary-contrast-900': 'var(--color-secondary-contrast-light)',
108
+ '--color-secondary-contrast-950': 'var(--color-secondary-contrast-light)',
109
+ '--color-tertiary-50': '255 255 255',
110
+ '--color-tertiary-100': '206 229 246',
111
+ '--color-tertiary-200': '156 202 238',
112
+ '--color-tertiary-300': '107 176 229',
113
+ '--color-tertiary-400': '57 149 221',
114
+ '--color-tertiary-500': '8 123 212',
115
+ '--color-tertiary-600': '8 110 200',
116
+ '--color-tertiary-700': '9 97 188',
117
+ '--color-tertiary-800': '9 84 177',
118
+ '--color-tertiary-900': '10 71 165',
119
+ '--color-tertiary-950': '10 58 153',
120
+ '--color-tertiary-contrast-dark': 'var(--color-tertiary-950)',
121
+ '--color-tertiary-contrast-light': 'var(--color-tertiary-50)',
122
+ '--color-tertiary-contrast-50': 'var(--color-tertiary-contrast-dark)',
123
+ '--color-tertiary-contrast-100': 'var(--color-tertiary-contrast-dark)',
124
+ '--color-tertiary-contrast-200': 'var(--color-tertiary-contrast-dark)',
125
+ '--color-tertiary-contrast-300': 'var(--color-tertiary-contrast-dark)',
126
+ '--color-tertiary-contrast-400': 'var(--color-tertiary-contrast-light)',
127
+ '--color-tertiary-contrast-500': 'var(--color-tertiary-contrast-light)',
128
+ '--color-tertiary-contrast-600': 'var(--color-tertiary-contrast-light)',
129
+ '--color-tertiary-contrast-700': 'var(--color-tertiary-contrast-light)',
130
+ '--color-tertiary-contrast-800': 'var(--color-tertiary-contrast-light)',
131
+ '--color-tertiary-contrast-900': 'var(--color-tertiary-contrast-light)',
132
+ '--color-tertiary-contrast-950': 'var(--color-tertiary-contrast-light)',
133
+ '--color-success-50': '255 255 255',
134
+ '--color-success-100': '227 236 206',
135
+ '--color-success-200': '199 218 157',
136
+ '--color-success-300': '170 199 109',
137
+ '--color-success-400': '142 181 60',
138
+ '--color-success-500': '114 162 11',
139
+ '--color-success-600': '104 147 11',
140
+ '--color-success-700': '94 132 11',
141
+ '--color-success-800': '83 117 10',
142
+ '--color-success-900': '73 102 10',
143
+ '--color-success-950': '63 87 10',
144
+ '--color-success-contrast-dark': 'var(--color-success-950)',
145
+ '--color-success-contrast-light': 'var(--color-success-50)',
146
+ '--color-success-contrast-50': 'var(--color-success-contrast-dark)',
147
+ '--color-success-contrast-100': 'var(--color-success-contrast-dark)',
148
+ '--color-success-contrast-200': 'var(--color-success-contrast-dark)',
149
+ '--color-success-contrast-300': 'var(--color-success-contrast-dark)',
150
+ '--color-success-contrast-400': 'var(--color-success-contrast-dark)',
151
+ '--color-success-contrast-500': 'var(--color-success-contrast-light)',
152
+ '--color-success-contrast-600': 'var(--color-success-contrast-light)',
153
+ '--color-success-contrast-700': 'var(--color-success-contrast-light)',
154
+ '--color-success-contrast-800': 'var(--color-success-contrast-light)',
155
+ '--color-success-contrast-900': 'var(--color-success-contrast-light)',
156
+ '--color-success-contrast-950': 'var(--color-success-contrast-light)',
157
+ '--color-warning-50': '255 255 255',
158
+ '--color-warning-100': '244 236 207',
159
+ '--color-warning-200': '232 217 159',
160
+ '--color-warning-300': '221 197 112',
161
+ '--color-warning-400': '209 178 64',
162
+ '--color-warning-500': '198 159 16',
163
+ '--color-warning-600': '183 146 13',
164
+ '--color-warning-700': '169 132 10',
165
+ '--color-warning-800': '154 119 6',
166
+ '--color-warning-900': '140 105 3',
167
+ '--color-warning-950': '125 92 0',
168
+ '--color-warning-contrast-dark': 'var(--color-warning-950)',
169
+ '--color-warning-contrast-light': 'var(--color-warning-50)',
170
+ '--color-warning-contrast-50': 'var(--color-warning-contrast-dark)',
171
+ '--color-warning-contrast-100': 'var(--color-warning-contrast-dark)',
172
+ '--color-warning-contrast-200': 'var(--color-warning-contrast-dark)',
173
+ '--color-warning-contrast-300': 'var(--color-warning-contrast-dark)',
174
+ '--color-warning-contrast-400': 'var(--color-warning-contrast-dark)',
175
+ '--color-warning-contrast-500': 'var(--color-warning-contrast-light)',
176
+ '--color-warning-contrast-600': 'var(--color-warning-contrast-light)',
177
+ '--color-warning-contrast-700': 'var(--color-warning-contrast-light)',
178
+ '--color-warning-contrast-800': 'var(--color-warning-contrast-light)',
179
+ '--color-warning-contrast-900': 'var(--color-warning-contrast-light)',
180
+ '--color-warning-contrast-950': 'var(--color-warning-contrast-light)',
181
+ '--color-error-50': '255 255 255',
182
+ '--color-error-100': '248 212 215',
183
+ '--color-error-200': '241 169 176',
184
+ '--color-error-300': '235 125 136',
185
+ '--color-error-400': '228 82 97',
186
+ '--color-error-500': '221 39 57',
187
+ '--color-error-600': '195 34 50',
188
+ '--color-error-700': '169 28 42',
189
+ '--color-error-800': '143 23 35',
190
+ '--color-error-900': '117 17 27',
191
+ '--color-error-950': '91 12 20',
192
+ '--color-error-contrast-dark': 'var(--color-error-950)',
193
+ '--color-error-contrast-light': 'var(--color-error-50)',
194
+ '--color-error-contrast-50': 'var(--color-error-contrast-dark)',
195
+ '--color-error-contrast-100': 'var(--color-error-contrast-dark)',
196
+ '--color-error-contrast-200': 'var(--color-error-contrast-dark)',
197
+ '--color-error-contrast-300': 'var(--color-error-contrast-dark)',
198
+ '--color-error-contrast-400': 'var(--color-error-contrast-dark)',
199
+ '--color-error-contrast-500': 'var(--color-error-contrast-light)',
200
+ '--color-error-contrast-600': 'var(--color-error-contrast-light)',
201
+ '--color-error-contrast-700': 'var(--color-error-contrast-light)',
202
+ '--color-error-contrast-800': 'var(--color-error-contrast-light)',
203
+ '--color-error-contrast-900': 'var(--color-error-contrast-light)',
204
+ '--color-error-contrast-950': 'var(--color-error-contrast-light)',
205
+ '--color-surface-50': '255 255 255',
206
+ '--color-surface-100': '205 221 249',
207
+ '--color-surface-200': '156 187 242',
208
+ '--color-surface-300': '106 154 236',
209
+ '--color-surface-400': '57 120 229',
210
+ '--color-surface-500': '7 86 223',
211
+ '--color-surface-600': '7 77 198',
212
+ '--color-surface-700': '7 68 173',
213
+ '--color-surface-800': '8 59 148',
214
+ '--color-surface-900': '8 50 123',
215
+ '--color-surface-950': '8 41 98',
216
+ '--color-surface-contrast-dark': 'var(--color-surface-950)',
217
+ '--color-surface-contrast-light': 'var(--color-surface-50)',
218
+ '--color-surface-contrast-50': 'var(--color-surface-contrast-dark)',
219
+ '--color-surface-contrast-100': 'var(--color-surface-contrast-dark)',
220
+ '--color-surface-contrast-200': 'var(--color-surface-contrast-dark)',
221
+ '--color-surface-contrast-300': 'var(--color-surface-contrast-dark)',
222
+ '--color-surface-contrast-400': 'var(--color-surface-contrast-light)',
223
+ '--color-surface-contrast-500': 'var(--color-surface-contrast-light)',
224
+ '--color-surface-contrast-600': 'var(--color-surface-contrast-light)',
225
+ '--color-surface-contrast-700': 'var(--color-surface-contrast-light)',
226
+ '--color-surface-contrast-800': 'var(--color-surface-contrast-light)',
227
+ '--color-surface-contrast-900': 'var(--color-surface-contrast-light)',
228
+ '--color-surface-contrast-950': 'var(--color-surface-contrast-light)'
229
+ },
230
+ metadata: {
231
+ version: '3.0.0'
232
+ }
233
+ };
234
+
235
+ export default theme;
package/dist/themes/index.js CHANGED
@@ -1 +1 @@
1
- export { default as hkdev } from './hkdev/theme.js';
1
+ export { default as hkdev } from './hkdev/theme.js';