@hkdigital/lib-sveltekit 0.1.0 → 0.1.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 (87) hide show
  1. package/dist/classes/svelte/audio/AudioScene.svelte.js +1 -1
  2. package/dist/classes/svelte/image/ImageLoader.svelte.js +1 -1
  3. package/dist/classes/svelte/image/ImageScene.svelte.js +1 -1
  4. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +1 -1
  5. package/dist/components/area/HkArea.svelte +1 -1
  6. package/dist/components/area/HkArea.svelte.d.ts +14 -0
  7. package/dist/components/area/HkGridArea.svelte +1 -1
  8. package/dist/components/area/HkGridArea.svelte.d.ts +22 -0
  9. package/dist/components/boxes/game-box/GameBox.svelte +112 -0
  10. package/dist/components/boxes/game-box/GameBox.svelte.d.ts +28 -0
  11. package/dist/components/boxes/game-box/gamebox.util.d.ts +32 -0
  12. package/dist/components/boxes/game-box/gamebox.util.js +83 -0
  13. package/dist/components/boxes/index.d.ts +2 -0
  14. package/dist/components/boxes/index.js +2 -0
  15. package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte +199 -0
  16. package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte.d.ts +42 -0
  17. package/dist/components/buttons/button/Button.svelte +75 -0
  18. package/dist/components/buttons/button/Button.svelte.d.ts +40 -0
  19. package/dist/components/buttons/button-text/TextButton.svelte +21 -0
  20. package/dist/components/buttons/button-text/TextButton.svelte.d.ts +12 -0
  21. package/dist/components/buttons/index.d.ts +2 -1
  22. package/dist/components/buttons/index.js +2 -1
  23. package/dist/components/hkdev/blocks/TextBlock.svelte +47 -0
  24. package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts +24 -0
  25. package/dist/components/hkdev/buttons/CheckButton.svelte +63 -0
  26. package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts +34 -0
  27. package/dist/components/icon/HkIcon.svelte +1 -1
  28. package/dist/components/icon/HkIcon.svelte.d.ts +12 -0
  29. package/dist/components/icon/HkTabIcon.svelte +6 -2
  30. package/dist/components/icon/HkTabIcon.svelte.d.ts +21 -0
  31. package/dist/components/image/EnhancedImage.svelte__ +1 -1
  32. package/dist/components/image/ImageBox.svelte.d.ts +19 -0
  33. package/dist/components/image/ResponsiveImage.svelte +1 -1
  34. package/dist/components/image/ResponsiveImage.svelte.d.ts +16 -0
  35. package/dist/components/image/ResponsiveImage.svelte__ +1 -1
  36. package/dist/components/inputs/text-input/TestTextInput.svelte__ +2 -2
  37. package/dist/components/inputs/text-input/TextInput.svelte +1 -1
  38. package/dist/components/inputs/text-input/TextInput.svelte.d.ts +28 -0
  39. package/dist/components/inputs/text-input/TextInput.svelte___ +1 -1
  40. package/dist/components/layout/HkAppLayout.svelte.d.ts +11 -0
  41. package/dist/components/layout/HkGridLayers.svelte +1 -1
  42. package/dist/components/layout/HkGridLayers.svelte.d.ts +23 -0
  43. package/dist/components/panels/plain-panel/PlainPanel.svelte +1 -1
  44. package/dist/components/panels/plain-panel/PlainPanel.svelte.d.ts +12 -0
  45. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +1 -1
  46. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts +14 -0
  47. package/dist/components/rows/panel-row-2/PanelRow2.svelte +1 -1
  48. package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts +14 -0
  49. package/dist/components/tab-bar/HkTabBar.svelte +1 -1
  50. package/dist/components/tab-bar/HkTabBar.svelte.d.ts +18 -0
  51. package/dist/components/tab-bar/HkTabBarSelector.svelte +1 -1
  52. package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +19 -0
  53. package/dist/components/widgets/compare-left-right/CompareLeftRight.svelte.d.ts +10 -0
  54. package/dist/design-system/design-config.d.ts +156 -0
  55. package/dist/design-system/design-config.js +73 -0
  56. package/dist/design-system/tailwind-theme-extend.d.ts +23 -0
  57. package/dist/design-system/tailwind-theme-extend.js +151 -0
  58. package/dist/themes/hkdev/components/blocks/text-block.postcss +41 -0
  59. package/dist/themes/hkdev/components/buttons/button-text.postcss +34 -0
  60. package/dist/themes/hkdev/components/buttons/button.postcss +138 -0
  61. package/dist/themes/hkdev/components/buttons/button.postcss__ +40 -0
  62. package/dist/themes/hkdev/components/buttons/button.postcss___ +91 -0
  63. package/dist/themes/hkdev/components.postcss +8 -2
  64. package/dist/themes/hkdev/globals.postcss +5 -6
  65. package/dist/util/css/css-vars.d.ts +24 -0
  66. package/dist/util/css/css-vars.js +83 -0
  67. package/dist/util/css/index.d.ts +1 -0
  68. package/dist/util/css/index.js +1 -0
  69. package/dist/util/design-system/components/states.d.ts +15 -0
  70. package/dist/util/design-system/components/states.js +22 -0
  71. package/dist/util/design-system/css/clamp.d.ts +17 -0
  72. package/dist/util/design-system/css/clamp.js +66 -0
  73. package/dist/util/design-system/css/root-design-vars.d.ts +77 -0
  74. package/dist/util/design-system/css/root-design-vars.js +100 -0
  75. package/dist/util/design-system/index.d.ts +5 -0
  76. package/dist/util/design-system/index.js +5 -0
  77. package/dist/util/design-system/layout/scaling.d.ts +44 -0
  78. package/dist/util/design-system/layout/scaling.js +97 -0
  79. package/dist/util/design-system/tailwind.d.ts +176 -0
  80. package/dist/util/design-system/tailwind.js +289 -0
  81. package/dist/util/http/index.js +1 -1
  82. package/package.json +18 -18
  83. package/dist/components/buttons/plain-button/PlainButton.svelte +0 -37
  84. package/dist/components/buttons/plain-button/PlainButton.svelte.d.ts +0 -10
  85. package/dist/config/tailwind.extend.d.ts +0 -56
  86. package/dist/config/tailwind.extend.js +0 -64
  87. package/dist/themes/hkdev/components/buttons/plain-button.postcss +0 -73
@@ -1,56 +0,0 @@
1
- export const spacing: {
2
- '5p': string;
3
- '10p': string;
4
- '20p': string;
5
- '30p': string;
6
- '40p': string;
7
- '50p': string;
8
- '60p': string;
9
- '80p': string;
10
- '100p': string;
11
- '120p': string;
12
- '160p': string;
13
- '180p': string;
14
- '1p': string;
15
- '2p': string;
16
- '4p': string;
17
- '6p': string;
18
- '8p': string;
19
- '16p': string;
20
- '24p': string;
21
- };
22
- export const fontSize: {
23
- '12p': string;
24
- '14p': string;
25
- '16p': string;
26
- '18p': string;
27
- '20p': string;
28
- '24p': string;
29
- '32p': string;
30
- '50p': string;
31
- sm: string;
32
- base: string;
33
- lg: string;
34
- xl: string;
35
- };
36
- export namespace borderRadius {
37
- let none: number;
38
- let xs: string;
39
- let sm: string;
40
- let md: string;
41
- let lg: string;
42
- let xl: string;
43
- let full: string;
44
- }
45
- export const borderWidth: {
46
- '1p': string;
47
- '2p': string;
48
- '4p': string;
49
- };
50
- export const strokeWidth: {
51
- '1p': string;
52
- '2p': string;
53
- '4p': string;
54
- '6p': string;
55
- '8p': string;
56
- };
@@ -1,64 +0,0 @@
1
- export const spacing = {
2
- // Between elements spacing
3
- '5p': '0.3125rem',
4
- '10p': '0.625rem',
5
- '20p': '1.25rem',
6
- '30p': '1.875rem',
7
- '40p': '2.5rem',
8
- '50p': '3.125rem',
9
- '60p': '3.75rem',
10
- '80p': '5rem',
11
- '100p': '6.25rem',
12
- '120p': '7.5rem',
13
- '160p': '10rem',
14
- '180p': '11.25rem',
15
-
16
- // Text related spacing
17
- '1p': '0.0625rem',
18
- '2p': '0.125rem',
19
- '4p': '0.25rem',
20
- '6p': '0.375rem',
21
- '8p': '0.5rem',
22
- '16p': '1rem',
23
- '24p': '1.5rem'
24
- };
25
-
26
- export const fontSize = {
27
- '12p': '0.75rem',
28
- '14p': '0.875rem',
29
- '16p': '1rem',
30
- '18p': '1.125rem',
31
- '20p': '1.25rem',
32
- '24p': '1.5rem',
33
- '32p': '2rem',
34
- '50p': '3.125rem',
35
-
36
- sm: '0.875rem',
37
- base: '1rem',
38
- lg: '1.125rem',
39
- xl: '1.25rem'
40
- };
41
-
42
- export const borderRadius = {
43
- none: 0,
44
- xs: '0.250rem',
45
- sm: '0.875rem',
46
- md: '1.25rem',
47
- lg: '2rem',
48
- xl: '3.125rem',
49
- full: '9999px'
50
- };
51
-
52
- export const borderWidth = {
53
- '1p': '0.0625rem',
54
- '2p': '0.125rem',
55
- '4p': '0.250rem'
56
- };
57
-
58
- export const strokeWidth = {
59
- '1p': '0.0625rem',
60
- '2p': '0.125rem',
61
- '4p': '0.250rem',
62
- '6p': '0.375rem',
63
- '8p': '0.5rem'
64
- };
@@ -1,73 +0,0 @@
1
-
2
- @import "../../global/on-colors.postcss";
3
-
4
- @define-mixin buttons-plain-button {
5
-
6
- [data-button="plain-button"] {
7
- @apply py-6p rounded-sm;
8
-
9
- & p {
10
- @apply text-20p base-font-family font-black my-0 mx-16p uppercase;
11
- }
12
-
13
- /* not disabled */
14
-
15
- &:not([disabled]) {
16
- &.role-primary {
17
- @apply border-4p border-primary-500 bg-primary-500;
18
- & .p {
19
- color: rgb(var(--color-primary-50));
20
- }
21
- }
22
-
23
- &.role-secondary {
24
- @apply border-4p border-primary-500;
25
-
26
- & .p {
27
- color: rgb(var(--color-primary-500));
28
- }
29
-
30
- &.variant-white
31
- {
32
- @apply border-surface-50;
33
-
34
- & .p {
35
- color: rgb(var(--color-surface-50));
36
- }
37
- }
38
- }
39
- }
40
-
41
- /* disabled */
42
-
43
- &[disabled] {
44
- &.role-primary {
45
- @apply bg-surface-500;
46
- & .p {
47
- color: rgb(var(--color-surface-300));
48
- }
49
- }
50
-
51
- &.role-secondary {
52
- @apply border-4p bg-primary-50;
53
-
54
- & .p {
55
- color: rgb(var(--color-surface-300));
56
- }
57
- }
58
-
59
- }
60
- }
61
-
62
-
63
-
64
- /*[data-button-round-arrow-next] {
65
- / * @apply bg-primary-500; * /
66
- @apply text-24p base-font-family font-bold;
67
-
68
- & svg {
69
- color: rgb(var(--color-primary-500));
70
- @apply w-80p h-80p;
71
- }
72
- }*/
73
- }