rei-kit 0.19.0 → 0.20.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 +27 -18
- package/dist/{GoogleButton-dXOuBJwe.js → GoogleButton-BKOezkZr.js} +9 -1
- package/dist/{GoogleButton-dXOuBJwe.js.map → GoogleButton-BKOezkZr.js.map} +1 -1
- package/dist/{SettingsGroup-DtEB_Hrd.js → SettingsGroup-JsD19V81.js} +8 -1
- package/dist/{SettingsGroup-DtEB_Hrd.js.map → SettingsGroup-JsD19V81.js.map} +1 -1
- package/dist/app.js +1 -1
- package/dist/components/BaseCombobox.vue.d.ts +36 -0
- package/dist/components/BaseSlider.vue.d.ts +40 -0
- package/dist/components/BaseTable.vue.d.ts +44 -0
- package/dist/components/EmptyState.vue.d.ts +8 -0
- package/dist/components/PageHeader.vue.d.ts +9 -0
- package/dist/components/SettingsGroup.vue.d.ts +7 -0
- package/dist/components/StatCard.vue.d.ts +9 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +399 -39
- package/dist/index.js.map +1 -1
- package/dist/pwa.js +1 -1
- package/dist/styles.css +228 -0
- package/package.json +3 -3
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export interface Column<Row> {
|
|
2
|
+
/** Key into the row, and the slot name for a custom cell. */
|
|
3
|
+
key: string & keyof Row;
|
|
4
|
+
/** Column heading. Already translated. */
|
|
5
|
+
label: string;
|
|
6
|
+
/** `end` for money and counts, which are read by their last digit. */
|
|
7
|
+
align?: 'start' | 'end' | undefined;
|
|
8
|
+
/** Stops a column wrapping — dates, short codes. */
|
|
9
|
+
nowrap?: boolean | undefined;
|
|
10
|
+
}
|
|
11
|
+
declare const __VLS_export: <Row extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
12
|
+
props: import('vue').PublicProps & __VLS_PrettifyLocal<{
|
|
13
|
+
columns: readonly Column<Row>[];
|
|
14
|
+
rows: readonly Row[];
|
|
15
|
+
/** What this table is. Required — an unnamed table is a box of numbers. */
|
|
16
|
+
caption: string;
|
|
17
|
+
/** Keeps the caption for assistive tech when the page already shows a heading. */
|
|
18
|
+
captionHidden?: boolean | undefined;
|
|
19
|
+
/** Which field identifies a row. Falls back to the index. */
|
|
20
|
+
rowKey?: (string & keyof Row) | undefined;
|
|
21
|
+
}> & (typeof globalThis extends {
|
|
22
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
23
|
+
} ? P : {});
|
|
24
|
+
expose: (exposed: {}) => void;
|
|
25
|
+
attrs: any;
|
|
26
|
+
slots: {
|
|
27
|
+
[key: string]: (props: {
|
|
28
|
+
row: Row;
|
|
29
|
+
value: unknown;
|
|
30
|
+
}) => unknown;
|
|
31
|
+
/** Shown instead of the body when there are no rows. */
|
|
32
|
+
empty?: () => unknown;
|
|
33
|
+
};
|
|
34
|
+
emit: {};
|
|
35
|
+
}>) => import('vue').VNode & {
|
|
36
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
37
|
+
};
|
|
38
|
+
declare const _default: typeof __VLS_export;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
41
|
+
[K in keyof T]: T[K];
|
|
42
|
+
} : {
|
|
43
|
+
[K in keyof T as K]: T[K];
|
|
44
|
+
}) & {};
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A list with nothing in it yet, said kindly.
|
|
3
|
+
*
|
|
4
|
+
* A blank area reads as a page that failed to load, and the reader's first
|
|
5
|
+
* thought is that something is broken rather than that they have not started.
|
|
6
|
+
* So there is always a sentence, and the slot below it is where the way out
|
|
7
|
+
* goes — the button that creates the first one.
|
|
8
|
+
*/
|
|
1
9
|
type __VLS_Props = {
|
|
2
10
|
title: string;
|
|
3
11
|
description?: string | undefined;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The bar at the top of a screen: a title with room either side of it.
|
|
3
|
+
*
|
|
4
|
+
* Three fixed columns rather than a flex row, so the title is centred on the
|
|
5
|
+
* screen rather than centred on what is left after the buttons. A back arrow on
|
|
6
|
+
* one side and nothing on the other would otherwise push every title off centre
|
|
7
|
+
* by exactly half a button, which is visible the moment two screens sit next to
|
|
8
|
+
* each other.
|
|
9
|
+
*/
|
|
1
10
|
type __VLS_Props = {
|
|
2
11
|
title: string;
|
|
3
12
|
};
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A titled run of settings rows.
|
|
3
|
+
*
|
|
4
|
+
* The heading is a real `h2` rather than styled text, because a settings screen
|
|
5
|
+
* is long and the headings are how somebody moves through it without reading
|
|
6
|
+
* all of it. Uppercase and quiet in the design, structural in the markup.
|
|
7
|
+
*/
|
|
1
8
|
type __VLS_Props = {
|
|
2
9
|
title: string;
|
|
3
10
|
};
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* One number, with what it means and which way it is going.
|
|
3
|
+
*
|
|
4
|
+
* The trend is an arrow and a colour, and neither is allowed to be the whole
|
|
5
|
+
* message: the direction is also in the arrow's shape, so it survives a reader
|
|
6
|
+
* who cannot separate the kit's positive and negative hues. `null` is a real
|
|
7
|
+
* state rather than a missing one — a figure with no comparison yet is not a
|
|
8
|
+
* flat figure.
|
|
9
|
+
*/
|
|
1
10
|
type __VLS_Props = {
|
|
2
11
|
value: string;
|
|
3
12
|
label: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -51,11 +51,16 @@ export { default as BaseInput } from './components/BaseInput.vue';
|
|
|
51
51
|
export { default as BaseMenu } from './components/BaseMenu.vue';
|
|
52
52
|
export { default as BaseSheet } from './components/BaseSheet.vue';
|
|
53
53
|
export { default as BaseCard } from './components/BaseCard.vue';
|
|
54
|
+
export { default as BaseCombobox } from './components/BaseCombobox.vue';
|
|
55
|
+
export type { ComboboxOption } from './components/BaseCombobox.vue';
|
|
54
56
|
export { default as BaseCheckbox } from './components/BaseCheckbox.vue';
|
|
55
57
|
export { default as BaseRadioGroup } from './components/BaseRadioGroup.vue';
|
|
56
58
|
export { default as BaseSelect } from './components/BaseSelect.vue';
|
|
59
|
+
export { default as BaseSlider } from './components/BaseSlider.vue';
|
|
57
60
|
export { default as BaseSpinner } from './components/BaseSpinner.vue';
|
|
58
61
|
export { default as BaseSwitch } from './components/BaseSwitch.vue';
|
|
62
|
+
export { default as BaseTable } from './components/BaseTable.vue';
|
|
63
|
+
export type { Column } from './components/BaseTable.vue';
|
|
59
64
|
export { default as BaseTextarea } from './components/BaseTextarea.vue';
|
|
60
65
|
export { default as EmptyState } from './components/EmptyState.vue';
|
|
61
66
|
export { default as FormField } from './components/FormField.vue';
|