@clanwolf/ui-kit 1.0.2 → 2.0.0
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/README.md +131 -1
- package/fesm2022/clanwolf-ui-kit.mjs +59 -4
- package/fesm2022/clanwolf-ui-kit.mjs.map +1 -1
- package/package.json +7 -5
- package/styles/_animations.scss +36 -0
- package/styles/_colors.scss +38 -0
- package/styles/_fonts.scss +18 -0
- package/styles/_loading.scss +69 -0
- package/styles/_scrollbar.scss +39 -0
- package/styles/_theme.scss +331 -0
- package/styles/_typography.scss +26 -0
- package/styles/aux-theme/_aux-theme.scss +1492 -0
- package/styles/fonts/Anta-Regular.ttf +0 -0
- package/styles/fonts/Quantico-Regular.ttf +0 -0
- package/styles/index.scss +12 -0
- package/types/clanwolf-ui-kit.d.ts +37 -1
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* ui-kit shared theme
|
|
3
|
+
* Import this file once in your app's global styles (e.g. styles.scss):
|
|
4
|
+
*
|
|
5
|
+
* @use "@clanwolf/ui-kit/styles" as theme;
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
@forward "./theme";
|
|
9
|
+
@forward "./animations";
|
|
10
|
+
@forward "./fonts";
|
|
11
|
+
@forward "./aux-theme/aux-theme";
|
|
12
|
+
|
|
@@ -16,4 +16,40 @@ declare class ButtonComponent {
|
|
|
16
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "uikit-button", never, {}, {}, never, never, true, never>;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
/**
|
|
20
|
+
* Predefined sizes for the ui-kit asset/image components,
|
|
21
|
+
* used to unify image heights across the app.
|
|
22
|
+
*/
|
|
23
|
+
declare enum AssetSize {
|
|
24
|
+
XXS = "2rem",
|
|
25
|
+
XS = "3rem",
|
|
26
|
+
SM = "5rem",
|
|
27
|
+
MD = "8rem",
|
|
28
|
+
LG = "10rem",
|
|
29
|
+
XL = "12rem"
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Simple, unified image component with fixed sizing.
|
|
34
|
+
* Provide an asset path/URL via `src` and a size from `AssetSize`
|
|
35
|
+
* (or a custom CSS length string).
|
|
36
|
+
*/
|
|
37
|
+
declare class AssetImageComponent {
|
|
38
|
+
src: string;
|
|
39
|
+
alt: string | undefined;
|
|
40
|
+
size: AssetSize | string;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AssetImageComponent, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AssetImageComponent, "uikit-asset-image", never, { "src": { "alias": "src"; "required": true; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": true; }; }, {}, never, never, true, never>;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Fullscreen loading indicator using the ui-kit theme.
|
|
47
|
+
* Customize the displayed text via the `text` input.
|
|
48
|
+
*/
|
|
49
|
+
declare class LoadingBarComponent {
|
|
50
|
+
text: string;
|
|
51
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoadingBarComponent, never>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoadingBarComponent, "uikit-loading-bar", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, true, never>;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export { AssetImageComponent, AssetSize, ButtonComponent, LoadingBarComponent, UiKitComponent, UiKitService };
|