bref-ui 0.1.5 → 0.1.7
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 +8 -6
- package/dist/base/text-input/index.d.ts +0 -1
- package/dist/base/text-input/index.js +0 -1
- package/dist/base/text-input/types.d.ts +1 -16
- package/package.json +1 -1
- package/dist/base/text-input/multi-author-text-input.svelte +0 -0
- package/dist/base/text-input/multi-author-text-input.svelte.d.ts +0 -26
package/README.md
CHANGED
|
@@ -48,6 +48,7 @@ Bref is a **batteries included** theming solution. You don't need to be a color
|
|
|
48
48
|
Simply provide your base theme colors, and Bref automatically generates all the necessary CSS variables with proper contrast ratios, hover states, and luminance variations. No more manually calculating shades, tints, or ensuring accessibility compliance.
|
|
49
49
|
|
|
50
50
|
Bref handles:
|
|
51
|
+
|
|
51
52
|
- **Shade generation**: Automatically creates lighter and darker variants
|
|
52
53
|
- **Contrast calculation**: Ensures text remains readable on all backgrounds
|
|
53
54
|
- **State variations**: Hover, active, and disabled states just work
|
|
@@ -64,8 +65,11 @@ Bref handles:
|
|
|
64
65
|
- [x] Morphing Shapes
|
|
65
66
|
- [x] Textual
|
|
66
67
|
- [x] Tree View
|
|
67
|
-
- [
|
|
68
|
-
- [
|
|
68
|
+
- [-] Inputs
|
|
69
|
+
- [x] Text Input (single line)
|
|
70
|
+
- [x] Area Text Input
|
|
71
|
+
- [ ] File Input
|
|
72
|
+
- [ ] Image Input
|
|
69
73
|
- [ ] Avatar
|
|
70
74
|
- [ ] Progress
|
|
71
75
|
- [ ] Select
|
|
@@ -76,10 +80,10 @@ Bref handles:
|
|
|
76
80
|
- [ ] Popover
|
|
77
81
|
- [ ] Radio
|
|
78
82
|
- [ ] Switch
|
|
79
|
-
- [ ] Img
|
|
80
|
-
- [ ] Meter
|
|
81
83
|
- [ ] Tooltip
|
|
82
84
|
- [ ] Dialog
|
|
85
|
+
- [ ] Toast
|
|
86
|
+
- [ ] Accordion
|
|
83
87
|
|
|
84
88
|
## Section Components
|
|
85
89
|
|
|
@@ -89,11 +93,9 @@ Bref handles:
|
|
|
89
93
|
- [ ] Footer
|
|
90
94
|
- [ ] Article
|
|
91
95
|
- [ ] Card
|
|
92
|
-
- [ ] Accordion
|
|
93
96
|
- [ ] Tabs
|
|
94
97
|
- [ ] Table
|
|
95
98
|
- [ ] Form
|
|
96
|
-
- [ ] Toast
|
|
97
99
|
|
|
98
100
|
## Marketing Components
|
|
99
101
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IconButtonProps } from '../button/types.ts';
|
|
2
2
|
import type { IconName } from '../icon/types.ts';
|
|
3
|
-
import type {
|
|
3
|
+
import type { Variant } from '../types.ts';
|
|
4
4
|
interface BaseTextInputProps {
|
|
5
5
|
value: string;
|
|
6
6
|
placeholder?: string;
|
|
@@ -24,19 +24,4 @@ export interface AreaTextInputProps extends BaseTextInputProps {
|
|
|
24
24
|
rows?: number;
|
|
25
25
|
resizable?: boolean;
|
|
26
26
|
}
|
|
27
|
-
export interface AuthorInputValueProps {
|
|
28
|
-
id: string;
|
|
29
|
-
authorId: string;
|
|
30
|
-
value: string;
|
|
31
|
-
}
|
|
32
|
-
export interface AuthorMetadataProps {
|
|
33
|
-
id: string;
|
|
34
|
-
name: string;
|
|
35
|
-
color: Color;
|
|
36
|
-
}
|
|
37
|
-
export interface MultiAuthorTextInputProps extends Omit<AreaTextInputProps, 'onChange' | 'value' | 'resizable'> {
|
|
38
|
-
authors: AuthorMetadataProps[];
|
|
39
|
-
value: AuthorInputValueProps[];
|
|
40
|
-
onChange: (value: AuthorInputValueProps[]) => void;
|
|
41
|
-
}
|
|
42
27
|
export {};
|
package/package.json
CHANGED
|
File without changes
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export default MultiAuthorTextInput;
|
|
2
|
-
type MultiAuthorTextInput = SvelteComponent<{
|
|
3
|
-
[x: string]: never;
|
|
4
|
-
}, {
|
|
5
|
-
[evt: string]: CustomEvent<any>;
|
|
6
|
-
}, {}> & {
|
|
7
|
-
$$bindings?: string | undefined;
|
|
8
|
-
};
|
|
9
|
-
declare const MultiAuthorTextInput: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
-
[x: string]: never;
|
|
11
|
-
}, {
|
|
12
|
-
[evt: string]: CustomEvent<any>;
|
|
13
|
-
}, {}, {}, string>;
|
|
14
|
-
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
15
|
-
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
16
|
-
$$bindings?: Bindings;
|
|
17
|
-
} & Exports;
|
|
18
|
-
(internal: unknown, props: {
|
|
19
|
-
$$events?: Events;
|
|
20
|
-
$$slots?: Slots;
|
|
21
|
-
}): Exports & {
|
|
22
|
-
$set?: any;
|
|
23
|
-
$on?: any;
|
|
24
|
-
};
|
|
25
|
-
z_$$bindings?: Bindings;
|
|
26
|
-
}
|