lucent-ui 0.11.0 → 0.12.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/dist/index.cjs +32 -32
- package/dist/index.d.ts +14 -5
- package/dist/index.js +1590 -1540
- package/dist-server/src/components/atoms/Tag/Tag.manifest.js +1 -1
- package/dist-server/src/components/molecules/DatePicker/DatePicker.manifest.js +8 -0
- package/dist-server/src/components/molecules/DateRangePicker/DateRangePicker.manifest.js +8 -0
- package/dist-server/src/components/molecules/MultiSelect/MultiSelect.manifest.js +10 -0
- package/dist-server/src/manifest/examples/button.manifest.js +25 -7
- package/package.json +1 -1
|
@@ -37,6 +37,14 @@ export const COMPONENT_MANIFEST = {
|
|
|
37
37
|
default: '"Pick a date"',
|
|
38
38
|
description: 'Trigger button text when no date is selected.',
|
|
39
39
|
},
|
|
40
|
+
{
|
|
41
|
+
name: 'size',
|
|
42
|
+
type: 'enum',
|
|
43
|
+
required: false,
|
|
44
|
+
default: 'md',
|
|
45
|
+
description: 'Controls trigger height and font size to match Input/Select.',
|
|
46
|
+
enumValues: ['sm', 'md', 'lg'],
|
|
47
|
+
},
|
|
40
48
|
{
|
|
41
49
|
name: 'disabled',
|
|
42
50
|
type: 'boolean',
|
|
@@ -35,6 +35,14 @@ export const COMPONENT_MANIFEST = {
|
|
|
35
35
|
default: '"Pick a date range"',
|
|
36
36
|
description: 'Trigger button text when no range is selected.',
|
|
37
37
|
},
|
|
38
|
+
{
|
|
39
|
+
name: 'size',
|
|
40
|
+
type: 'enum',
|
|
41
|
+
required: false,
|
|
42
|
+
default: 'md',
|
|
43
|
+
description: 'Controls trigger height and font size to match Input/Select.',
|
|
44
|
+
enumValues: ['sm', 'md', 'lg'],
|
|
45
|
+
},
|
|
38
46
|
{
|
|
39
47
|
name: 'disabled',
|
|
40
48
|
type: 'boolean',
|
|
@@ -51,6 +51,14 @@ export const COMPONENT_MANIFEST = {
|
|
|
51
51
|
default: 'false',
|
|
52
52
|
description: 'Disables interaction and dims the component.',
|
|
53
53
|
},
|
|
54
|
+
{
|
|
55
|
+
name: 'size',
|
|
56
|
+
type: 'enum',
|
|
57
|
+
required: false,
|
|
58
|
+
default: 'md',
|
|
59
|
+
description: 'Controls trigger height and font size to match Input/Select.',
|
|
60
|
+
enumValues: ['sm', 'md', 'lg'],
|
|
61
|
+
},
|
|
54
62
|
{
|
|
55
63
|
name: 'max',
|
|
56
64
|
type: 'number',
|
|
@@ -89,6 +97,8 @@ export const COMPONENT_MANIFEST = {
|
|
|
89
97
|
},
|
|
90
98
|
],
|
|
91
99
|
compositionGraph: [
|
|
100
|
+
{ componentId: 'tag', componentName: 'Tag', role: 'Selected value chips with dismiss button', required: true },
|
|
101
|
+
{ componentId: 'checkbox', componentName: 'Checkbox', role: 'Selection indicator in dropdown options', required: true },
|
|
92
102
|
{ componentId: 'text', componentName: 'Text', role: 'Option labels, empty state, and max hint', required: true },
|
|
93
103
|
],
|
|
94
104
|
accessibility: {
|
|
@@ -7,9 +7,9 @@ export const ButtonManifest = {
|
|
|
7
7
|
description: 'A clickable control that triggers an action. The primary interactive primitive in Lucent UI.',
|
|
8
8
|
designIntent: 'Buttons communicate available actions. Variant conveys hierarchy: use "primary" for the ' +
|
|
9
9
|
'single most important action in a view, "secondary" for supporting actions, "ghost" for ' +
|
|
10
|
-
'low-emphasis actions in dense UIs, and "danger" exclusively for destructive or irreversible ' +
|
|
11
|
-
'operations. Size should match surrounding content density — prefer "md" as the default
|
|
12
|
-
'
|
|
10
|
+
'low-emphasis actions in dense UIs, "outline" for bordered buttons with no fill, and "danger" exclusively for destructive or irreversible ' +
|
|
11
|
+
'operations. Size should match surrounding content density — prefer "md" as the default, ' +
|
|
12
|
+
'"sm" for toolbars or tables, and "xs" for compact UIs like customizer panels.',
|
|
13
13
|
props: [
|
|
14
14
|
{
|
|
15
15
|
name: 'variant',
|
|
@@ -17,7 +17,7 @@ export const ButtonManifest = {
|
|
|
17
17
|
required: false,
|
|
18
18
|
default: 'primary',
|
|
19
19
|
description: 'Visual style conveying action hierarchy.',
|
|
20
|
-
enumValues: ['primary', 'secondary', 'ghost', 'danger'],
|
|
20
|
+
enumValues: ['primary', 'secondary', 'outline', 'ghost', 'danger'],
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
name: 'size',
|
|
@@ -25,7 +25,7 @@ export const ButtonManifest = {
|
|
|
25
25
|
required: false,
|
|
26
26
|
default: 'md',
|
|
27
27
|
description: 'Controls height and padding.',
|
|
28
|
-
enumValues: ['sm', 'md', 'lg'],
|
|
28
|
+
enumValues: ['xs', 'sm', 'md', 'lg'],
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
31
|
name: 'children',
|
|
@@ -73,6 +73,20 @@ export const ButtonManifest = {
|
|
|
73
73
|
required: false,
|
|
74
74
|
description: 'Icon element rendered after the label.',
|
|
75
75
|
},
|
|
76
|
+
{
|
|
77
|
+
name: 'chevron',
|
|
78
|
+
type: 'boolean',
|
|
79
|
+
required: false,
|
|
80
|
+
default: 'false',
|
|
81
|
+
description: 'Appends a chevron-down icon after the label. Useful for dropdown triggers.',
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
name: 'spread',
|
|
85
|
+
type: 'boolean',
|
|
86
|
+
required: false,
|
|
87
|
+
default: 'false',
|
|
88
|
+
description: 'Spaces content to the edges (justify-content: space-between). Useful with fullWidth + rightIcon/chevron.',
|
|
89
|
+
},
|
|
76
90
|
{
|
|
77
91
|
name: 'onClick',
|
|
78
92
|
type: 'function',
|
|
@@ -114,8 +128,12 @@ export const ButtonManifest = {
|
|
|
114
128
|
code: `<Button variant="primary" type="submit" fullWidth>Sign in</Button>`,
|
|
115
129
|
},
|
|
116
130
|
{
|
|
117
|
-
title: '
|
|
118
|
-
code: `<Button variant="
|
|
131
|
+
title: 'Outline with swatch',
|
|
132
|
+
code: `<Button size="xs" variant="outline" leftIcon={<span style={{ width: 8, height: 8, borderRadius: '50%', background: '#6366f1' }} />}>Indigo</Button>`,
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
title: 'Dropdown trigger',
|
|
136
|
+
code: `<Button variant="outline" chevron>Options</Button>`,
|
|
119
137
|
},
|
|
120
138
|
],
|
|
121
139
|
compositionGraph: [],
|