Skip to content

Commit abaede8

Browse files
lepturelepture
committed
fix(scroll-area): update ScrollArea component
1 parent 43e9362 commit abaede8

30 files changed

+420
-22
lines changed

‎.vitepress/components/_partials/VPropsTable.vue‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ defineProps<{items: PropData[]}>()
5151
<VPropType :name="item.name" :type="item.type" />
5252
<div
5353
v-if="item.description"
54-
class="text-sm leading-5"
54+
class="text-sm leading-5 flex flex-col gap-2 mt-2"
5555
v-html="item.description"
5656
>
5757
</div>
@@ -61,3 +61,14 @@ defineProps<{items: PropData[]}>()
6161
</tbody>
6262
</Table>
6363
</template>
64+
65+
<style>
66+
.vp-PropsTable code {
67+
font-size: 0.95em;
68+
line-height: 1.25;
69+
background-color: var(--accent-a3);
70+
color: var(--accent-a11);
71+
padding: 0 0.25em;
72+
border-radius: var(--radius-1);
73+
}
74+
</style>

‎.vitepress/config.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,7 @@ export default defineConfig<ThemeConfig>({
9696
{ text: 'Icon Button', link: '/components/icon-button' },
9797
{ text: 'Card', link: '/components/card' },
9898
{ text: 'Separator', link: '/components/separator' },
99+
{ text: 'Scroll Area', link: '/components/scroll-area' },
99100
],
100101
},
101102
{

‎.vitepress/meta/CollapsibleRoot.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
},
2525
{
2626
"name": "defaultOpen",
27-
"description": "<p>The open state of the collapsible when it is initially rendered. &lt;br&gt; Use when you do not need to control its open state.</p>",
27+
"description": "<p>The open state of the collapsible when it is initially rendered. <br> Use when you do not need to control its open state.</p>",
2828
"type": "boolean",
2929
"required": false,
3030
"inherit": "reka-ui"

‎.vitepress/meta/ComboboxContent.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@
110110
},
111111
{
112112
"name": "position",
113-
"description": "<p>The positioning mode to use, &lt;br&gt;\n<code>inline</code> is the default and you can control the position using CSS. &lt;br&gt;\n<code>popper</code> positions content in the same way as our other primitives, for example <code>Popover</code> or <code>DropdownMenu</code>.</p>",
113+
"description": "<p>The positioning mode to use, <br>\n<code>inline</code> is the default and you can control the position using CSS. <br>\n<code>popper</code> positions content in the same way as our other primitives, for example <code>Popover</code> or <code>DropdownMenu</code>.</p>",
114114
"type": "\"popper\" | \"inline\"",
115115
"required": false,
116116
"inherit": "reka-ui"

‎.vitepress/meta/ComboboxRoot.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
},
3232
{
3333
"name": "defaultOpen",
34-
"description": "<p>The open state of the combobox when it is initially rendered. &lt;br&gt; Use when you do not need to control its open state.</p>",
34+
"description": "<p>The open state of the combobox when it is initially rendered. <br> Use when you do not need to control its open state.</p>",
3535
"type": "boolean",
3636
"required": false,
3737
"inherit": "reka-ui"
@@ -45,7 +45,7 @@
4545
},
4646
{
4747
"name": "dir",
48-
"description": "<p>The reading direction of the listbox when applicable. &lt;br&gt; If omitted, inherits globally from <code>ConfigProvider</code> or assumes LTR (left-to-right) reading mode.</p>",
48+
"description": "<p>The reading direction of the listbox when applicable. <br> If omitted, inherits globally from <code>ConfigProvider</code> or assumes LTR (left-to-right) reading mode.</p>",
4949
"type": "\"ltr\" | \"rtl\"",
5050
"required": false,
5151
"inherit": "reka-ui"

‎.vitepress/meta/DialogRoot.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
},
1010
{
1111
"name": "modal",
12-
"description": "<p>The modality of the dialog When set to <code>true</code>, &lt;br&gt;\ninteraction with outside elements will be disabled and only dialog content will be visible to screen readers.</p>",
12+
"description": "<p>The modality of the dialog When set to <code>true</code>, <br>\ninteraction with outside elements will be disabled and only dialog content will be visible to screen readers.</p>",
1313
"type": "boolean",
1414
"required": false,
1515
"inherit": "reka-ui"

‎.vitepress/meta/DropdownMenuItem.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
},
3939
{
4040
"name": "textValue",
41-
"description": "<p>Optional text used for typeahead purposes. By default the typeahead behavior will use the <code>.textContent</code> of the item. &lt;br&gt;\nUse this when the content is complex, or you have non-textual content inside.</p>",
41+
"description": "<p>Optional text used for typeahead purposes. By default the typeahead behavior will use the <code>.textContent</code> of the item. <br>\nUse this when the content is complex, or you have non-textual content inside.</p>",
4242
"type": "string",
4343
"required": false,
4444
"inherit": "reka-ui"

‎.vitepress/meta/Editable.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
},
4646
{
4747
"name": "dir",
48-
"description": "<p>The reading direction of the calendar when applicable. &lt;br&gt; If omitted, inherits globally from <code>ConfigProvider</code> or assumes LTR (left-to-right) reading mode.</p>",
48+
"description": "<p>The reading direction of the calendar when applicable. <br> If omitted, inherits globally from <code>ConfigProvider</code> or assumes LTR (left-to-right) reading mode.</p>",
4949
"type": "\"ltr\" | \"rtl\"",
5050
"required": false,
5151
"inherit": "reka-ui"

‎.vitepress/meta/NavigationMenuContent.json‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"props": [
3+
{
4+
"name": "as",
5+
"description": "<p>The element or component this component should render as. Can be overwritten by <code>asChild</code>.</p>",
6+
"type": "AsTag | Component",
7+
"required": false,
8+
"inherit": "reka-ui",
9+
"default": "\"div\""
10+
},
11+
{
12+
"name": "asChild",
13+
"description": "<p>Change the default rendered element for the one passed as a child, merging their props and behavior.</p>",
14+
"type": "boolean",
15+
"required": false,
16+
"inherit": "reka-ui"
17+
},
18+
{
19+
"name": "disableOutsidePointerEvents",
20+
"description": "<p>When <code>true</code>, hover/focus/click interactions will be disabled on elements outside\nthe <code>DismissableLayer</code>. Users will need to click twice on outside elements to\ninteract with them: once to close the <code>DismissableLayer</code>, and again to trigger the element.</p>",
21+
"type": "boolean",
22+
"required": false,
23+
"inherit": "reka-ui"
24+
},
25+
{
26+
"name": "forceMount",
27+
"description": "<p>Used to force mounting when more control is needed. Useful when\ncontrolling animation with Vue animation libraries.</p>",
28+
"type": "boolean",
29+
"required": false,
30+
"inherit": "reka-ui"
31+
}
32+
],
33+
"events": [
34+
{
35+
"name": "escapeKeyDown",
36+
"type": "[event: KeyboardEvent]"
37+
},
38+
{
39+
"name": "focusOutside",
40+
"type": "[event: FocusOutsideEvent]"
41+
},
42+
{
43+
"name": "interactOutside",
44+
"type": "[event: PointerDownOutsideEvent | FocusOutsideEvent]"
45+
},
46+
{
47+
"name": "pointerDownOutside",
48+
"type": "[event: PointerDownOutsideEvent]"
49+
}
50+
],
51+
"slots": [],
52+
"methods": []
53+
}

‎.vitepress/meta/NavigationMenuItem.json‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
{
2+
"props": [
3+
{
4+
"name": "as",
5+
"description": "<p>The element or component this component should render as. Can be overwritten by <code>asChild</code>.</p>",
6+
"type": "AsTag | Component",
7+
"required": false,
8+
"inherit": "reka-ui",
9+
"default": "\"div\""
10+
},
11+
{
12+
"name": "asChild",
13+
"description": "<p>Change the default rendered element for the one passed as a child, merging their props and behavior.</p>",
14+
"type": "boolean",
15+
"required": false,
16+
"inherit": "reka-ui"
17+
},
18+
{
19+
"name": "value",
20+
"description": "<p>A unique value that associates the item with an active value when the navigation menu is controlled.</p>\n<p>This prop is managed automatically when uncontrolled.</p>",
21+
"type": "string",
22+
"required": false,
23+
"inherit": "reka-ui"
24+
}
25+
],
26+
"events": [],
27+
"slots": [],
28+
"methods": []
29+
}

0 commit comments

Comments
 (0)