@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.
- package/dist/classes/svelte/audio/AudioScene.svelte.js +1 -1
- package/dist/classes/svelte/image/ImageLoader.svelte.js +1 -1
- package/dist/classes/svelte/image/ImageScene.svelte.js +1 -1
- package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +1 -1
- package/dist/components/area/HkArea.svelte +1 -1
- package/dist/components/area/HkArea.svelte.d.ts +14 -0
- package/dist/components/area/HkGridArea.svelte +1 -1
- package/dist/components/area/HkGridArea.svelte.d.ts +22 -0
- package/dist/components/boxes/game-box/GameBox.svelte +112 -0
- package/dist/components/boxes/game-box/GameBox.svelte.d.ts +28 -0
- package/dist/components/boxes/game-box/gamebox.util.d.ts +32 -0
- package/dist/components/boxes/game-box/gamebox.util.js +83 -0
- package/dist/components/boxes/index.d.ts +2 -0
- package/dist/components/boxes/index.js +2 -0
- package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte +199 -0
- package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte.d.ts +42 -0
- package/dist/components/buttons/button/Button.svelte +75 -0
- package/dist/components/buttons/button/Button.svelte.d.ts +40 -0
- package/dist/components/buttons/button-text/TextButton.svelte +21 -0
- package/dist/components/buttons/button-text/TextButton.svelte.d.ts +12 -0
- package/dist/components/buttons/index.d.ts +2 -1
- package/dist/components/buttons/index.js +2 -1
- package/dist/components/hkdev/blocks/TextBlock.svelte +47 -0
- package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts +24 -0
- package/dist/components/hkdev/buttons/CheckButton.svelte +63 -0
- package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts +34 -0
- package/dist/components/icon/HkIcon.svelte +1 -1
- package/dist/components/icon/HkIcon.svelte.d.ts +12 -0
- package/dist/components/icon/HkTabIcon.svelte +6 -2
- package/dist/components/icon/HkTabIcon.svelte.d.ts +21 -0
- package/dist/components/image/EnhancedImage.svelte__ +1 -1
- package/dist/components/image/ImageBox.svelte.d.ts +19 -0
- package/dist/components/image/ResponsiveImage.svelte +1 -1
- package/dist/components/image/ResponsiveImage.svelte.d.ts +16 -0
- package/dist/components/image/ResponsiveImage.svelte__ +1 -1
- package/dist/components/inputs/text-input/TestTextInput.svelte__ +2 -2
- package/dist/components/inputs/text-input/TextInput.svelte +1 -1
- package/dist/components/inputs/text-input/TextInput.svelte.d.ts +28 -0
- package/dist/components/inputs/text-input/TextInput.svelte___ +1 -1
- package/dist/components/layout/HkAppLayout.svelte.d.ts +11 -0
- package/dist/components/layout/HkGridLayers.svelte +1 -1
- package/dist/components/layout/HkGridLayers.svelte.d.ts +23 -0
- package/dist/components/panels/plain-panel/PlainPanel.svelte +1 -1
- package/dist/components/panels/plain-panel/PlainPanel.svelte.d.ts +12 -0
- package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +1 -1
- package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts +14 -0
- package/dist/components/rows/panel-row-2/PanelRow2.svelte +1 -1
- package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts +14 -0
- package/dist/components/tab-bar/HkTabBar.svelte +1 -1
- package/dist/components/tab-bar/HkTabBar.svelte.d.ts +18 -0
- package/dist/components/tab-bar/HkTabBarSelector.svelte +1 -1
- package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +19 -0
- package/dist/components/widgets/compare-left-right/CompareLeftRight.svelte.d.ts +10 -0
- package/dist/design-system/design-config.d.ts +156 -0
- package/dist/design-system/design-config.js +73 -0
- package/dist/design-system/tailwind-theme-extend.d.ts +23 -0
- package/dist/design-system/tailwind-theme-extend.js +151 -0
- package/dist/themes/hkdev/components/blocks/text-block.postcss +41 -0
- package/dist/themes/hkdev/components/buttons/button-text.postcss +34 -0
- package/dist/themes/hkdev/components/buttons/button.postcss +138 -0
- package/dist/themes/hkdev/components/buttons/button.postcss__ +40 -0
- package/dist/themes/hkdev/components/buttons/button.postcss___ +91 -0
- package/dist/themes/hkdev/components.postcss +8 -2
- package/dist/themes/hkdev/globals.postcss +5 -6
- package/dist/util/css/css-vars.d.ts +24 -0
- package/dist/util/css/css-vars.js +83 -0
- package/dist/util/css/index.d.ts +1 -0
- package/dist/util/css/index.js +1 -0
- package/dist/util/design-system/components/states.d.ts +15 -0
- package/dist/util/design-system/components/states.js +22 -0
- package/dist/util/design-system/css/clamp.d.ts +17 -0
- package/dist/util/design-system/css/clamp.js +66 -0
- package/dist/util/design-system/css/root-design-vars.d.ts +77 -0
- package/dist/util/design-system/css/root-design-vars.js +100 -0
- package/dist/util/design-system/index.d.ts +5 -0
- package/dist/util/design-system/index.js +5 -0
- package/dist/util/design-system/layout/scaling.d.ts +44 -0
- package/dist/util/design-system/layout/scaling.js +97 -0
- package/dist/util/design-system/tailwind.d.ts +176 -0
- package/dist/util/design-system/tailwind.js +289 -0
- package/dist/util/http/index.js +1 -1
- package/package.json +18 -18
- package/dist/components/buttons/plain-button/PlainButton.svelte +0 -37
- package/dist/components/buttons/plain-button/PlainButton.svelte.d.ts +0 -10
- package/dist/config/tailwind.extend.d.ts +0 -56
- package/dist/config/tailwind.extend.js +0 -64
- 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
|
-
}
|