@rotki/ui-library 0.1.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.
Files changed (36) hide show
  1. package/LICENSE.md +659 -0
  2. package/README.md +170 -0
  3. package/dist/all-icons.d.ts +2495 -0
  4. package/dist/colors-01d79c7b.mjs +47 -0
  5. package/dist/components/alerts/Alert.vue.d.ts +84 -0
  6. package/dist/components/buttons/button/Button.vue.d.ts +97 -0
  7. package/dist/components/buttons/button-group/ButtonGroup.vue.d.ts +48 -0
  8. package/dist/components/chips/Chip.vue.d.ts +78 -0
  9. package/dist/components/forms/auto-complete/AutoComplete.vue.d.ts +184 -0
  10. package/dist/components/forms/auto-complete/AutoCompleteSelection.vue.d.ts +81 -0
  11. package/dist/components/forms/checkbox/Checkbox.vue.d.ts +101 -0
  12. package/dist/components/forms/radio-button/radio/Radio.vue.d.ts +98 -0
  13. package/dist/components/forms/radio-button/radio-group/RadioGroup.vue.d.ts +61 -0
  14. package/dist/components/forms/revealable-text-field/RevealableTextField.vue.d.ts +10 -0
  15. package/dist/components/forms/text-field/TextField.vue.d.ts +156 -0
  16. package/dist/components/icons/Icon.vue.d.ts +37 -0
  17. package/dist/components/logos/Logo.vue.d.ts +17 -0
  18. package/dist/components/progress/Progress.vue.d.ts +102 -0
  19. package/dist/components/steppers/FooterStepper.vue.d.ts +40 -0
  20. package/dist/components/steppers/Stepper.vue.d.ts +77 -0
  21. package/dist/components/steppers/StepperCustomIcon.vue.d.ts +21 -0
  22. package/dist/components/steppers/StepperIcon.vue.d.ts +21 -0
  23. package/dist/composables/icons.d.ts +5 -0
  24. package/dist/composables/theme.d.ts +6 -0
  25. package/dist/consts/colors.d.ts +8 -0
  26. package/dist/consts/typography.d.ts +5 -0
  27. package/dist/index.d.ts +34 -0
  28. package/dist/index.es.js +13500 -0
  29. package/dist/style.css +1 -0
  30. package/dist/theme/index.d.ts +5 -0
  31. package/dist/theme.es.js +169 -0
  32. package/dist/types/icons.d.ts +4 -0
  33. package/dist/types/stepper.d.ts +20 -0
  34. package/dist/types/theme.d.ts +40 -0
  35. package/dist/utils/generate-id.d.ts +4 -0
  36. package/package.json +128 -0
@@ -0,0 +1,77 @@
1
+ import { StepperOrientation, StepperState, type StepperStep } from '../../types/stepper';
2
+ export interface Props {
3
+ steps: StepperStep[];
4
+ iconTop?: boolean;
5
+ custom?: boolean;
6
+ titleClass?: string;
7
+ subtitleClass?: string;
8
+ orientation?: StepperOrientation;
9
+ }
10
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
11
+ orientation: {
12
+ type: globalThis.PropType<StepperOrientation>;
13
+ default: "horizontal";
14
+ };
15
+ steps: {
16
+ type: globalThis.PropType<StepperStep[]>;
17
+ required: true;
18
+ };
19
+ iconTop: {
20
+ type: globalThis.PropType<boolean>;
21
+ default: boolean;
22
+ };
23
+ custom: {
24
+ type: globalThis.PropType<boolean>;
25
+ default: boolean;
26
+ };
27
+ titleClass: {
28
+ type: globalThis.PropType<string>;
29
+ default: string;
30
+ };
31
+ subtitleClass: {
32
+ type: globalThis.PropType<string>;
33
+ default: string;
34
+ };
35
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ orientation: {
37
+ type: globalThis.PropType<StepperOrientation>;
38
+ default: "horizontal";
39
+ };
40
+ steps: {
41
+ type: globalThis.PropType<StepperStep[]>;
42
+ required: true;
43
+ };
44
+ iconTop: {
45
+ type: globalThis.PropType<boolean>;
46
+ default: boolean;
47
+ };
48
+ custom: {
49
+ type: globalThis.PropType<boolean>;
50
+ default: boolean;
51
+ };
52
+ titleClass: {
53
+ type: globalThis.PropType<string>;
54
+ default: string;
55
+ };
56
+ subtitleClass: {
57
+ type: globalThis.PropType<string>;
58
+ default: string;
59
+ };
60
+ }>>, {
61
+ orientation: StepperOrientation;
62
+ iconTop: boolean;
63
+ custom: boolean;
64
+ titleClass: string;
65
+ subtitleClass: string;
66
+ }, {}>, {
67
+ icon?(_: {
68
+ state: StepperState;
69
+ index: number;
70
+ }): any;
71
+ }>;
72
+ export default _default;
73
+ type __VLS_WithTemplateSlots<T, S> = T & {
74
+ new (): {
75
+ $slots: S;
76
+ };
77
+ };
@@ -0,0 +1,21 @@
1
+ import { StepperState } from '../../types/stepper';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ state: {
4
+ type: globalThis.PropType<StepperState>;
5
+ required: true;
6
+ };
7
+ index: {
8
+ type: globalThis.PropType<number>;
9
+ required: true;
10
+ };
11
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
12
+ state: {
13
+ type: globalThis.PropType<StepperState>;
14
+ required: true;
15
+ };
16
+ index: {
17
+ type: globalThis.PropType<number>;
18
+ required: true;
19
+ };
20
+ }>>, {}, {}>;
21
+ export default _default;
@@ -0,0 +1,21 @@
1
+ import { StepperState } from '../../types/stepper';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ state: {
4
+ type: globalThis.PropType<StepperState>;
5
+ required: true;
6
+ };
7
+ index: {
8
+ type: globalThis.PropType<number>;
9
+ required: true;
10
+ };
11
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
12
+ state: {
13
+ type: globalThis.PropType<StepperState>;
14
+ required: true;
15
+ };
16
+ index: {
17
+ type: globalThis.PropType<number>;
18
+ required: true;
19
+ };
20
+ }>>, {}, {}>;
21
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import { type GeneratedIcon } from '../types/icons';
2
+ export declare const useIcons: () => {
3
+ registeredIcons: globalThis.Ref<Record<string, string>>;
4
+ registerIcons: (iconsToAdd: GeneratedIcon[]) => void;
5
+ };
@@ -0,0 +1,6 @@
1
+ import { type ThemeContent } from '../types/theme';
2
+ /**
3
+ * Theme manager
4
+ * @returns {ThemeContent}
5
+ */
6
+ export declare const useRotkiTheme: () => ThemeContent;
@@ -0,0 +1,8 @@
1
+ export declare const baseColors: string[];
2
+ export declare const baseColorsIntensities: string[];
3
+ export declare const contextColors: readonly ["primary", "secondary", "error", "warning", "info", "success"];
4
+ export type ContextColorsType = (typeof contextColors)[number];
5
+ export declare const contextColorsIntensities: {
6
+ name: string;
7
+ prefix: string;
8
+ }[];
@@ -0,0 +1,5 @@
1
+ declare const typographyClasses: {
2
+ name: string;
3
+ className: string;
4
+ }[];
5
+ export default typographyClasses;
@@ -0,0 +1,34 @@
1
+ import { type App } from 'vue';
2
+ import { default as RuiAlert } from './components/alerts/Alert.vue';
3
+ import { default as RuiAutoComplete } from './components/forms/auto-complete/AutoComplete.vue';
4
+ import { default as RuiButton } from './components/buttons/button/Button.vue';
5
+ import { default as RuiButtonGroup } from './components/buttons/button-group/ButtonGroup.vue';
6
+ import { default as RuiIcon } from './components/icons/Icon.vue';
7
+ import { default as RuiCheckbox } from './components/forms/checkbox/Checkbox.vue';
8
+ import { default as RuiChip } from './components/chips/Chip.vue';
9
+ import { default as RuiStepper } from './components/steppers/Stepper.vue';
10
+ import { default as RuiTextField } from './components/forms/text-field/TextField.vue';
11
+ import { default as RuiFooterStepper } from './components/steppers/FooterStepper.vue';
12
+ import { default as RuiProgress } from './components/progress/Progress.vue';
13
+ import { default as RuiRadioGroup } from './components/forms/radio-button/radio-group/RadioGroup.vue';
14
+ import { default as RuiRadio } from './components/forms/radio-button/radio/Radio.vue';
15
+ import { default as RuiRevealableTextField } from './components/forms/revealable-text-field/RevealableTextField.vue';
16
+ import { default as RuiLogo } from './components/logos/Logo.vue';
17
+ import { useRotkiTheme } from './composables/theme';
18
+ import { StepperState } from './types/stepper';
19
+ import type { InitThemeOptions } from './types/theme';
20
+ import '@/style.scss';
21
+ import '@fontsource/roboto';
22
+ import '@fontsource/roboto/100.css';
23
+ import '@fontsource/roboto/300.css';
24
+ import '@fontsource/roboto/400.css';
25
+ import '@fontsource/roboto/500.css';
26
+ import '@fontsource/roboto/700.css';
27
+ import '@fontsource/roboto/900.css';
28
+ export * from './all-icons';
29
+ export { type InitThemeOptions, type ThemeConfig, type ThemeContent, type ThemeData, ThemeMode, } from './types/theme';
30
+ export { RuiAlert, RuiAutoComplete, RuiButton, RuiButtonGroup, RuiCheckbox, RuiChip, RuiFooterStepper, RuiIcon, RuiLogo, RuiProgress, RuiRadio, RuiRadioGroup, RuiRevealableTextField, RuiStepper, RuiTextField, useRotkiTheme, };
31
+ export { StepperState };
32
+ export declare const RuiPlugin: {
33
+ install: (app: App, options?: InitThemeOptions) => void;
34
+ };