@teammodlr/ui-kit 2.0.1 → 2.0.3

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 (42) hide show
  1. package/lib/components/button/Button.vue.d.ts +9 -0
  2. package/lib/components/button/style/Button.css.d.ts +1 -0
  3. package/lib/components/colorpicker/ColorPicker.vue.d.ts +2 -0
  4. package/lib/components/colorpicker/style/ColorPicker.css.d.ts +1 -0
  5. package/lib/components/form/Form.vue.d.ts +0 -3
  6. package/lib/components/form/symbol.d.ts +9 -0
  7. package/lib/components/select/Select.vue.d.ts +4 -0
  8. package/lib/components/select/style/Select.css.d.ts +1 -0
  9. package/lib/components/table/Table.vue.d.ts +1 -3
  10. package/lib/components/table/style/Table.css.d.ts +4 -0
  11. package/lib/components/table/style/index.d.ts +1 -0
  12. package/lib/components/table/types/index.d.ts +1 -0
  13. package/lib/index.cjs.js +4 -4
  14. package/lib/index.es.js +2265 -2203
  15. package/lib/style.css +1 -1
  16. package/package.json +1 -1
  17. package/src/components/badge/style/Badge.css.ts +3 -4
  18. package/src/components/button/Button.vue +10 -1
  19. package/src/components/button/style/Button.css.ts +42 -7
  20. package/src/components/checkbox/style/Checkbox.css.ts +5 -3
  21. package/src/components/colorpicker/ColorPicker.vue +46 -6
  22. package/src/components/colorpicker/style/ColorPicker.css.ts +26 -6
  23. package/src/components/form/Form.vue +14 -12
  24. package/src/components/form/examples/basic.vue +1 -1
  25. package/src/components/form/style/Form.css.ts +1 -1
  26. package/src/components/form/symbol.ts +11 -0
  27. package/src/components/input/style/Input.css.ts +3 -4
  28. package/src/components/modal/style/Modal.css.ts +3 -4
  29. package/src/components/radio/Radio.vue +1 -1
  30. package/src/components/radio/style/Checkbox.css.ts +3 -4
  31. package/src/components/radiobutton/RadioButton.vue +1 -1
  32. package/src/components/radiobutton/style/RadioButton.css.ts +1 -2
  33. package/src/components/select/Select.vue +69 -53
  34. package/src/components/select/style/Select.css.ts +8 -1
  35. package/src/components/table/Table.vue +7 -4
  36. package/src/components/table/TableCell.vue +1 -1
  37. package/src/components/table/examples/basic.vue +2 -2
  38. package/src/components/table/style/Table.css.ts +78 -0
  39. package/src/components/table/style/index.ts +1 -0
  40. package/src/components/table/types/index.ts +1 -0
  41. package/src/composables/useInput.ts +5 -10
  42. package/src/styles/theme.css.ts +1 -1
@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
21
21
  type: BooleanConstructor;
22
22
  default: boolean;
23
23
  };
24
+ loading: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
24
28
  block: {
25
29
  type: BooleanConstructor;
26
30
  default: boolean;
@@ -87,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
87
91
  type: BooleanConstructor;
88
92
  default: boolean;
89
93
  };
94
+ loading: {
95
+ type: BooleanConstructor;
96
+ default: boolean;
97
+ };
90
98
  block: {
91
99
  type: BooleanConstructor;
92
100
  default: boolean;
@@ -127,6 +135,7 @@ declare const _default: import("vue").DefineComponent<{
127
135
  variant: Variant;
128
136
  secondary: boolean;
129
137
  to: string | Record<string, any>;
138
+ loading: boolean;
130
139
  href: string;
131
140
  }>;
132
141
  export default _default;
@@ -22,3 +22,4 @@ export declare const iconLeft: string;
22
22
  export declare const iconRight: string;
23
23
  export declare const rounded: string;
24
24
  export declare const block: string;
25
+ export declare const loading: string;
@@ -49,6 +49,8 @@ declare const _default: import("vue").DefineComponent<{
49
49
  style: typeof style;
50
50
  mainColor: import("vue").ComputedRef<import("./utils").Color>;
51
51
  zIndex: import("vue").Ref<number>;
52
+ canPickColor: import("vue").ComputedRef<boolean>;
53
+ openEyeDropper: () => void;
52
54
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
55
  modelValue: {
54
56
  type: StringConstructor;
@@ -1,5 +1,6 @@
1
1
  export declare const container: string;
2
2
  export declare const sliderThumb: string;
3
+ export declare const eyeDrop: string;
3
4
  export declare const preview: string;
4
5
  export declare const colours: string;
5
6
  export declare const reference: string;
@@ -32,7 +32,6 @@ declare const _default: import("vue").DefineComponent<{
32
32
  };
33
33
  spacing: {
34
34
  type: StringConstructor;
35
- default: string;
36
35
  };
37
36
  }, {
38
37
  submit: (e: Event) => void;
@@ -63,7 +62,6 @@ declare const _default: import("vue").DefineComponent<{
63
62
  };
64
63
  spacing: {
65
64
  type: StringConstructor;
66
- default: string;
67
65
  };
68
66
  }>> & {
69
67
  onSubmit?: ((...args: any[]) => any) | undefined;
@@ -73,6 +71,5 @@ declare const _default: import("vue").DefineComponent<{
73
71
  errors: [FormError[], FormError];
74
72
  autoValidate: boolean;
75
73
  autoFocus: boolean;
76
- spacing: string;
77
74
  }>;
78
75
  export default _default;
@@ -0,0 +1,9 @@
1
+ import type { InjectionKey } from "vue";
2
+ export interface FormState {
3
+ add: (name: string, focus: () => void, validate: () => boolean, setError: (error: string) => void) => void;
4
+ remove: (name: string) => void;
5
+ insideForm: boolean;
6
+ disabled: boolean;
7
+ loading: boolean;
8
+ }
9
+ export declare const FORM_STATE: InjectionKey<FormState>;
@@ -93,6 +93,9 @@ declare const _default: import("vue").DefineComponent<{
93
93
  'm-select--multiple': boolean;
94
94
  'm-select--error': any;
95
95
  })[]>;
96
+ computedWrapperClasses: import("vue").ComputedRef<(string | {
97
+ [x: string]: boolean;
98
+ })[]>;
96
99
  computedConsistentWidth: import("vue").ComputedRef<{
97
100
  width: string;
98
101
  } | {
@@ -105,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
105
108
  transitionName: import("vue").ComputedRef<string>;
106
109
  inputListeners: {};
107
110
  style: typeof style;
111
+ focused: import("vue").Ref<boolean>;
108
112
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
109
113
  label: {
110
114
  type: StringConstructor;
@@ -19,6 +19,7 @@ export declare const label: string;
19
19
  export declare const description: string;
20
20
  export declare const errorMessage: string;
21
21
  export declare const error: string;
22
+ export declare const focused: string;
22
23
  export declare const rightIcon: string;
23
24
  export declare const hasRightIcon: string;
24
25
  export declare const menu: string;
@@ -26,9 +26,7 @@ declare const _default: import("vue").DefineComponent<{
26
26
  'm-table__wrapper--loading': boolean;
27
27
  })[]>;
28
28
  tableComputedClasses: import("vue").ComputedRef<(string | {
29
- 'm-table--loading': boolean;
30
- 'm-table--striped': boolean;
31
- 'm-table--hover': boolean;
29
+ [x: string]: boolean;
32
30
  })[]>;
33
31
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:sort"[], "update:sort", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
34
32
  headers: {
@@ -0,0 +1,4 @@
1
+ export declare const wrapper: string;
2
+ export declare const table: string;
3
+ export declare const hoverable: string;
4
+ export declare const striped: string;
@@ -0,0 +1 @@
1
+ export * from './Table.css';
@@ -2,4 +2,5 @@ export type TableHeadItem = {
2
2
  key: string;
3
3
  name?: string;
4
4
  width?: string | number;
5
+ align?: 'left' | 'center' | 'right';
5
6
  };